نصائح لتحسين أساسيات الويب لموقع الويب الخاص بك على WordPress

لدى Google طريقة لخلق موجة من الذعر بين مصممي الويب ومالكي مواقع الويب على حدٍ سواء. عندما يجرون تغييرًا على خوارزمية البحث الخاصة بهم ، يبدأ الناس في السعي وراء اللحاق بالركب. من السهل فهم السبب. لا أحد يريد أن يعاني تصنيفات تحسين محركات البحث الخاصة به.

لذلك ، عندما تم الإعلان عن مقاييس Core Web Vitals ، كانت الاستجابة متوقعة جدًا. نظرًا لأن هذه التغييرات تعتمد على أداء الموقع ، فقد تحول اهتمامنا إلى ضمان أن تكون أوقات التحميل سريعة للغاية.

لكنها ليست دائما بسيطة. يمكن أن تكون مواقع الويب التي تشغل نظام إدارة المحتوى (CMS) مثل WordPress تحديًا بشكل خاص. هناك الكثير من العوامل في اللعب. لذلك ، يتطلب تحسين الأداء نهجًا متعدد الجوانب.

من اين نبدأ؟ تحقق من دليلنا لتعزيز نتيجة Core Web Vitals لموقع WordPress الخاص بك.

تنفيذ التخزين المؤقت

واحدة من أبسط الطرق لزيادة سرعة موقع WordPress هي تنفيذ التخزين المؤقت. في كثير من الحالات ، سيصبح الموقع البطيء سابقًا أسرع بشكل ملحوظ بهذه الخطوة الفردية. هذا صحيح حتى على الاستضافة الرخيصة نسبيًا.

بشكل افتراضي ، يجب أن تقوم صفحات ومنشورات WordPress باسترداد المحتوى والإعدادات من قاعدة بيانات الموقع. هذا يستغرق وقتا. من ناحية أخرى ، ستعمل ذاكرة التخزين المؤقت على تقديم المحتوى كملفات HTML ثابتة - مما يلغي الحاجة إلى استدعاء قاعدة البيانات. مع خروج الوسيط (أي قاعدة البيانات) ، ستتبع ذلك أوقات تحميل أدق.

ستتضمن بعض حزم الاستضافة ، وخاصة استضافة WordPress المُدارة ، ذاكرة تخزين مؤقت تستند إلى الخادم. غالبًا ما يكون هذا هو الخيار الأفضل ، لأنه يتطلب القليل جدًا من مصممي الويب ويعمل بشكل جيد. قد تحتاج إلى مسحها بين الحين والآخر. خلاف ذلك ، إنها تجربة عدم التدخل. ويمكن دمجه بشكل فعال مع مكون إضافي لزيادة تحسين السرعة.

حتى إذا كان مضيفك لا يوفر التخزين المؤقت على مستوى الخادم ، فلا يزال بإمكانك تحسين الأداء عبر مكون إضافي. تختلف ملحقات التخزين المؤقت في النطاق والتعقيد والتسعير. لكنها تقدم نتائج ملموسة عندما يتعلق الأمر بتحسين أوقات التحميل. وهذا بدوره يمثل دفعة إيجابية لـ Core Web Vitals أيضًا.

تأجيل تحميل البرامج النصية وأنماط حظر العرض

عند اختبار أداء موقع الويب الخاص بك في Google PageSpeed ​​Insights ، يبدو أن موضوع موارد حظر العرض يظهر كثيرًا. هذه هي البرامج النصية والأنماط التي لا تعتبر "حرجة" - بمعنى أنها ليست مطلوبة لعرض محتوى الصفحة "في الجزء المرئي من الصفحة".

يمكن لهذه الموارد أن تعرقل أوقات التحميل الأسرع. على وجه التحديد ، تؤثر على درجة "أكبر محتوى محتوى (LCP)" في Core Web Vitals. هذا هو الوقت الذي يستغرقه تحميل منطقة المحتوى الرئيسية للصفحة. تقليل LCP ، حسنًا ، أمر حيوي.

تتمثل إحدى طرق تحسين الموقف في التأخير (أو التأجيل) عند تحميل عناصر المحتوى المختلفة (الصور ومقاطع الفيديو والنص على مستوى الكتلة). يضمن ذلك تحميل البرامج النصية والأنماط المطلوبة أولاً فقط ، بينما يأتي كل شيء آخر بعد ذلك.

إلى جانب التصغير ، يحدث أيضًا أن تتضمن العديد من إضافات التخزين المؤقت / التحسين في WordPress هذا النوع من الوظائف. قد يستغرق الأمر القليل من التجريب ، لأن إرجاء المورد الخاطئ يمكن أن يكون مشكلة.

تأكد من اختبار أي تغييرات قمت بإجرائها وتحقق من وجود أخطاء في وحدة تحكم المتصفح. بمجرد العثور على التكوين الصحيح ، يجب تقليل عدد موارد حظر العرض على صفحتك بشكل كبير.

تحسين الصور

يؤدي الاستخدام الواسع النطاق لصور البطل الكبيرة وشرائح التمرير المعقدة إلى زيادة التحدي المتمثل في تحسين الأداء. قد تبدو هذه الأصول جميلة ، ولكن يمكن بسهولة إضافة ما يصل إلى ميغا بايت من البيانات. لن يمنحك ذلك درجة النجاح في Core Web Vitals - خاصة على الهاتف المحمول.

لحسن الحظ ، هناك طريقتان لتخفيف العبء. أولاً وقبل كل شيء ، تخلص من أي صور ترى أنها غير ضرورية. قد تؤدي إزالة صورة واحدة كبيرة إلى إحداث فرق.

يمكن تحسين بقية الصور الخاصة بك. سيؤدي ذلك إلى تقليل حجم ملفهم وتقليل تأثيرهم على وقت التحميل.

إن الطريقة التي تتبعها لتحسين الصورة أمر متروك لك. يمكنك تنزيل نسخة من أسوأ المخالفين وضغطها باستخدام محرر الصور المفضل لديك ، ثم تحميلها مرة أخرى على موقع الويب الخاص بك. أو يمكنك أتمتة العملية باستخدام مكون وسائط WordPress مفيد.

صور مستجيبة

لمستخدمي الأجهزة المحمولة ، يتضمن WordPress القدرة على تقديم صور سريعة الاستجابة عبر srcset . في الواقع ، سيقوم تلقائيًا بالعمل القذر نيابة عنك على الصور الموضوعة داخل المحتوى الخاص بك. هذه قيمة لا تصدق ، لأنها تمنع الوسائط الضخمة بحجم سطح المكتب من إبطاء تجربة مستخدم الهاتف المحمول. بالنسبة للصور خارج منطقة المحتوى الرئيسية ، قد تحتاج إلى القيام ببعض الأعمال المخصصة لتنفيذ هذه الميزة.

تنسيقات الصور الحديثة

يجدر أيضًا النظر في تنسيقات الملفات التي تستخدمها. على سبيل المثال ، غالبًا ما يقلل تنسيق WebP من Google حجم الملف مع الحفاظ على جودة الصورة. لاحظ أن بعض التنسيقات الجديدة غير مدعومة في المتصفحات القديمة (ahem ، IE) ، لذلك قد تكون الإصدارات الاحتياطية ضرورية. يمكن أن تساعد المكونات الإضافية في ذلك أيضًا.

تحميل كسول كل الأشياء

تقوم وظيفة التحميل الكسول بتحميل العناصر بمجرد أن تكون في إطار عرض المتصفح. من خلال تأخير تحميل الصور وإطارات iframe ومحتويات الطرف الثالث الأخرى (مثل أدوات الوسائط الاجتماعية) ، يمكنك تركيز الموارد على العناصر التي سيراها المستخدمون أولاً.

يقوم WordPress بالفعل بتنفيذ التحميل البطيء الأصلي المستند إلى المتصفح للصور. عند إضافة صورة إلى صفحة أو منشور ، يتم وضع السمة loading="lazy" في علامة <img> . أي بشرط أن تتضمن الصورة سمات الطول والعرض.

هذا رائع - ولكن ماذا عن العناصر الأخرى ، مثل مقاطع الفيديو أو إطارات iframe؟ يمكن أن تثقل هذه العناصر أيضًا الصفحة عند تحميلها مباشرة من البداية.

يتم الآن تحميل إطارات Iframes بشكل كسول افتراضيًا - لذلك لا داعي للقلق هناك. قد تتطلب بعض العناصر الأكثر تعقيدًا رمزًا مخصصًا أو مكونًا إضافيًا لتنفيذ هذه الوظيفة.

تخلص من الفوضى

بمرور الوقت ، يمكن أن يصبح موقع WordPress الذي يتم صيانته جيدًا مزدحمًا. قاعدة بيانات مسدودة ، ومكونات إضافية غير مستخدمة لا تزال نشطة ، وموضوعًا منتفخًا بميزات لا تستخدمها - يحدث ذلك. ويمكنه أيضًا سحب "أساسيات الويب الأساسية".

لهذا السبب من المهم الترتيب بين الحين والآخر. يمكن تحسين قاعدة بيانات موقعك يدويًا أو تعيينها للقيام بذلك بانتظام. يمكن إلغاء تنشيط المكونات الإضافية غير المستخدمة وحذفها في المهملات. يمكن جعل السمات أصغر حجمًا أو استبدالها بشيء أفضل.

ادرس ما يبطئ موقع الويب الخاص بك ، وابحث عن الجناة وتعامل معهم. قد تتفاجأ بمدى الاختلاف الذي يمكن أن يحدثه هذا.

تحسين أساسيات الويب لموقع الويب الخاص بك

تعمل Core Web Vitals على تعقيد العملية الصعبة بالفعل لتحسين أداء موقع WordPress على الويب. حتى موقع الويب الذي يحقق نتائج جيدة في مقاييس الأداء الأخرى قد يظل قاصرًا في هذا المجال. يتألق هذا في اختبار الجوال أكثر من أي شيء آخر.

والخبر السار هو أن هناك الكثير من الأشياء الصغيرة التي يمكن للمصممين القيام بها للحاق بالركب. يضع تنفيذ ذاكرة التخزين المؤقت أساسًا رائعًا ويوفر دفعة فورية. من هناك ، يتعلق الأمر بتقليل أحجام الملفات وتحميل الأنماط والنصوص حسب الأهمية.

بأخذ الأمور إلى أبعد من ذلك ، من المنطقي أيضًا ضبط CSS لموقعك مع وضع Core Web Vitals في الاعتبار. يمكن أن يساعد ذلك في النتيجة المخيفة لتحويل التخطيط التراكمي (CLS) وتقليص حجم الانتفاخ.

بشكل عام ، تعتبر الأشياء الجيدة للأداء جيدة أيضًا لـ Core Web Vitals. يمكن أن تتحسن النتائج بسرعة إلى حد ما. فقط اعلم أن الأمر سيستغرق بعض المحاولة والخطأ لفرز بعض أوجه القصور الفردية هذه.

الهدف الشامل هو ضمان تحميل الأساسيات فقط عندما يزور المستخدم موقع الويب الخاص بك. سيؤدي القيام بذلك إلى جعل كل من الزوار وجوجل سعداء للغاية.