3 طرق بسيطة لسرعة الصفحة وأساسيات الويب الأساسية لـ WordPress

نشرت: 2021-07-21

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

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

شبهه جون مولر من Google بالطبخ. لقد بدأوا بقليل من الملح ، وسوف يتكيفون ببطء لتصحيح الأمور.

أرى هذا التحديث يشبه إلى حد كبير تحديث HTTPS. في اليوم الذي تم طرحه فيه ، لا يبدو أنه كان له تأثير ساحق. ولكن كم عدد مواقع HTTP التي ترى ترتيبها اليوم؟

الآن ، قد تجادل بحق ، أن هذا قد يكون علاقة مشتركة وليس سببية. بعد كل شيء ، يعد الانتقال إلى HTTPS أمرًا سهلاً وجميع المواقع الجديدة تفعل ذلك إلى حد كبير ، وقد لا يتم معاقبة مواقع HTTP من المراكز الأولى.

ومع ذلك ، إذا كان لديك موقع غير آمن ، فأنت الآن في مواجهة بحر من المواقع التي تتمتع بميزة عليك. قد تكون ميزة صغيرة ، لكن الجميع يمتلكها.

لا أعرف عنك ولكن إذا كنت أجري في سباق ، فأنا أريد حذاءً رائعًا.

قد يعطونني دفعة 5 ثوانٍ فقط أكثر من 5K ، لكن تلك الثواني الخمس - في سياقنا هنا - يمكن أن تكون الفرق بين الموضع الذي تم النقر عليه والموضع الذي لم يتم النقر عليه.

لذلك ، ضع في اعتبارك أن ما يلي هو بعض الاختراقات السريعة والسهلة.

أساسيات الويب الأساسية هاك 1: Cloud Flare

هذا ليس حصريًا لـ WordPress.

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

قد لا يدرك الكثيرون ، لكن Cloud Flare يقدم خدمة مجانية تتضمن الكثير من تحسينات السرعة.

لإعطائك فكرة ، قبل أن أبدأ مسار Band-Aid في اختراق Core Web Vital و Page Experience لموقعي ، كانت سرعتنا:

PageSpeed ​​Insights على موقع Beanstalk الإلكتروني.

بعد بدء خطة Cloud Flare المجانية وتمكين مكونات تحسين السرعة ، وصلنا إلى:

PageSpeed ​​Insights على موقع Beanstalk الإلكتروني مع الإصدار المجاني من Cloud Flare.

هناك اختلافات كبيرة ، كما ترون. وكل ذلك من حوالي 20 دقيقة من العمل ، بما في ذلك إعداد الحساب.

بعد الترقية إلى Pro (20 دولارًا في الشهر) وتعديل جميع الإعدادات باستثناء واحد (انظر أدناه) ، حصلنا على:

PageSpeed ​​Insights على موقع Beanstalk الإلكتروني مع إصدار Cloud Flare المحترف.

حسنًا ... 11 نقطة مقابل 20 دولارًا. ليس سيئًا.

الإعدادات التي قمت بتمكينها كانت:

  • تحسين الصورة البولندية.
  • سراب.

ونظرًا لأن موقعي في WordPress ، فلدينا خيار:

تفعيل التحسين التلقائي للنظام الأساسي على Cloud Flare.

لذلك ، قمت بتثبيت المكون الإضافي وطبقت الإعدادات الموصى بها.

النتائج؟

التحسين التلقائي لـ Cloud Flare.

ستلاحظ شيئًا مضحكًا هنا. تحسن كل من FCP و Speed ​​Index ، لكن تم تدمير LCP.

هذا بعد عدة فحوصات ، وبعضها أدى إلى ارتفاع 62 - ولكن لا يزال.

لذلك ، اختبرت بعض الإعدادات ، ولم يعمل أي منها على تحسين الأشياء ، وبالتالي قمت بإيقاف تشغيل مكون WordPress الإضافي وعدنا في السبعينيات.

الدرس؟

لا يعمل كل شيء.

كن دائمًا في الاختبار .

ومن المثير للاهتمام ، أن سرعة العالم الحقيقي من المكون الإضافي قد تحسنت. هذا ليس الموضوع هنا ولكن يجب ملاحظته.

القادم…

أساسيات الويب الأساسية هاك 2: الطائر الطنان

لا ، أنا لا أتحدث عن خوارزمية Google لعام 2013 ، بل عن مكون WordPress الإضافي.

من الواضح أن هذا القسم يتعلق فقط بمن يستخدمون WordPress.

لقد اختبرت مجموعة من المكونات الإضافية للسرعة والتخزين المؤقت ، ويبدو أن كل منها يعمل في سيناريوهات مختلفة أفضل من غيرها. لكن الأكثر اتساقًا ، إذا كان لديك مزود استضافة جيد ، يبدو أنه Hummingbird - في تجربتي.

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

لماذا الطائر الطنان؟

ما يعجبني في Hummingbird هو أنه ليس مجرد مكون إضافي بسيط للتخزين المؤقت (بعد كل شيء ، لدينا تخزين مؤقت من الاستضافة اللائقة (أو Cloud Flare) أليس كذلك؟)

الطائر الطنان لديه ذاكرة تخزين مؤقت ؛ أنا فقط لا أستخدمه.

أحب أيضًا أنه يمكنني توصيل Hummingbird بـ Cloud Flare ، لتعديل بعض الإعدادات عن بُعد.

كان التحسين الآلي ، في الحالات التي جربتها فيها ، سيئًا للغاية.

من المحتمل أن يكون من اللائق إذا كنت لا تعرف ما الذي تبحث عنه ، ولكن إذا كنت على استعداد لقضاء بعض الوقت في الإعدادات - فستعمل بشكل أفضل يدويًا باستخدام واجهة مثل:

البرنامج المساعد وورد الطائر الطنان.

قد تضطر إلى القيام ببعض اللعب لمعرفة الأشياء التي يجب نقلها بشكل مضمّن ، والأشياء التي ستؤدي إلى تعطيل الوظائف على موقعك إذا تم التعامل معها بشكل غير صحيح (أنا أنظر إليك jQuery).

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

لقد دفعت كل ما عندي من CSS و JS إلى التذييل وضغطته. هذا غير ممكن للجميع ، والعديد من المواقع تتعطل عندما تضغط على jQuery لأسفل لأن الكثير من أشرطة التمرير ، وما إلى ذلك تتطلب تحميلها قبل القيام بذلك.

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

يجب أن أشير إلى أنني قمت باختبار دمج الملفات ، وهو شيء لم أنجح فيه أبدًا ، وكانت النتائج أسوأ.

في النهاية حصلنا على النتيجة من 34 إلى:

تسجل PageSpeed ​​Insights باستخدام Hummingbird.

تحسين قوي.

قاعدتي الأساسية هنا هي الوصول إلى حوالي 60 كحد أدنى. وهذا يسمح بحدوث بعض الخطأ أو التدهور دون خفضه إلى ما دون 50 عتبة إلى "فقير".

وأخيرا وليس آخرا…

أساسيات الويب الأساسية هاك 3: تنظيف الأصول

يعد البرنامج المساعد WordPress Asset Cleanup مزودًا آخر للإصلاح السريع.

تتمثل الوظيفة الأساسية للمكوِّن الإضافي في السماح لمالكي المواقع بإيقاف تحميل البرامج النصية على صفحات معينة أو مجموعات من الصفحات. يأتي الاقتراح من:

تقليل JavaScript.

تعد المكونات الإضافية للمشاركة الاجتماعية مثالًا رائعًا. نستخدمها على مدونتنا ، لكن يتم تحميلها على مستوى الموقع.

ستلاحظ أنها تنص على أنها لا تؤثر بشكل مباشر على درجة الأداء. دعونا نختبر ذلك.

بعد إلغاء تنشيط المكون الإضافي Hummingbird ، حصلنا على درجة 35.

بمجرد التثبيت والإعداد ، ستجد نفسك في صفحة تشبه:

واجهة الطائر الطنان.

الآن هذا هو المكان الذي قد تقضي فيه بعض الوقت ، وحيث يكون وضع الاختبار في متناول اليد.

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

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

بعد حوالي 20 أو 30 دقيقة (وهو ما يتعين عليك القيام به في كل قسم ، على الرغم من أنك بمجرد الانتهاء من واحدة تكون أسرع) كانت السرعة:

تنظيف الأصول.

مع وصول المناطق المخالفة إلى:

النصوص المسيئة.

مرة أخرى ، تقدم قوي.

ولكن ماذا يحدث إذا بدأت ...

الجمع بين 3 المأجورون

لا يبدو أن الدمج يعمل بشكل جيد ، في تجربتي.

ساءت الدرجات والتوقيتات الواقعية عند الجمع بين أي اثنين. كان هذا غير متوقع ، حيث كان من المفترض أن يعمل كل من Cloud Flare و Asset Cleanup معًا بشكل جيد.

ولكن…

اجمع التحسينات.

ومع ذلك ، قد تختلف النتائج ، وإذا كنت تختبر كل منها - أقترح اختبار مجموعات مختلفة ، وحتى المكونات الإضافية الأخرى إذا كان لديك الوقت والميل.

في حالتنا ، سوف نستقر على Cloud Flare.

ولأولئك الفضوليين ، ربما لاحظت أن القراءات أعلاه مخصصة للجوّال. مع Cloud Flare يأتي سطح المكتب لدينا في:

سطح المكتب PageSpeed ​​و CWV.

والآن لإيقاف تشغيل الأشياء ...

لكن بالطبع ، هذه ليست نهاية الاختبار.

لذا فقد قمت الآن بإيقاف تشغيل جميع التحسينات وسوف أوقفها حتى سبتمبر ، بعد طرحها.

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

أنا لا أوصي بأن تفعل الشيء نفسه.

بمجرد الانتهاء من ذلك ، سأقوم بإعادة زيارة هذه القطعة وتحديثها.

المزيد من الموارد:

  • 13 من أفضل ملحقات WordPress SEO
  • دليل تحسين محركات البحث في ووردبريس: كل ما تحتاج إلى معرفته
  • أساسيات الويب الأساسية: دليل كامل

اعتمادات الصورة

تم التقاط جميع لقطات الشاشة بواسطة المؤلف ، يونيو 2021