كيف قمت بتسريع موقعي البطيء إلى 100% في GTmetrix: إليك 27 نصيحة في تسريع موقع ووردبريس

شاركها:

كيفية تسريع موقع ووردبريس
  • كيف قمت بزيادة سرعة موقع ووردبريس البطيء الخاص بي للتحميل بأقل من ثانية مع 100% من نتائج GTmetrix

تسريع موقع ووردبريس هو بالتأكيد موضوع شائع في هذه الأيام. لحسن الحظ ، هناك العديد من التقنيات التي يمكنك توظيفها لإنجاز المهمة. لذلك ، هدفنا هنا هو سرد كل خدعة نعرفها والتي يمكن أن تجعل موقع ووردبريس الخاص بك أسرع بكثير. لقد كتبت بالفعل برامج تعليمية شعبية لـ WP Rocket ، و أفضل إضافات تسريع موقع ووردبريس. يجمع هذا الدليل بين كل شيء يساعدك في زيادة سرعة موقع ووردبريس الخاص بك وإصلاح كافة أخطاء موقعك في تقرير GTMetrix.

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

لهذا ، أوصي بـ Cloudways (استضافة) ، Astra أو Oxygen Builder (قالب + منشئ الصفحة) ، و WP Rocket (المكون الإضافي الرئيسي للتحسين). سوف تتجنب 90% من مشكلات السرعة ويتم تصنيفهم جميعًا بدرجة عالية في استطلاعات الرأي على فيسبوك. قم بالتعليق مع تقرير GTmetrix الخاص بك إذا كنت بحاجة إلى مساعدة.

لكن اولاً…

لماذا يجب تسريع موقع ووردبريس ؟

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

  1. تقوم محركات البحث (مثل Google) بترتيب مواقع الويب ذات أوقات التحميل السريع أعلى من أوقات التحميل البطيء. لذلك ، إذا كنت ترغب في تحسين سيو موقعك ، فيجب أن تكون تحسين السرعة إحدى أولوياتك.
  2. أظهرت الدراسات أن سرعة تحميل الموقع لأكثر من ثانيتين عادةً ما تؤدي إلى ارتداد حوالي 47% من الزوار. لذلك ، للحفاظ على حوالي نصف زوار موقعك مهتمين ، يجب عليك تسريع موقع ووردبريس الخاص بك.
  3. المشترين عبر الإنترنت هم اكثر الناس لايتحملون الصبر. يتوقعون تحميل الصفحة في غضون ثانية. لذلك ، إذا كنت تدير متجر الكتروني على WordPress ، فمن الأفضل لك الاستعداد لإجراء تحسينات كبيرة حتى يكون عملك أكثر ربحية.

يجب أن تكون GTmetrix (أوقات التحميل) هي مقياسك الأساسي بينما لا تقيس PageSpeed Insights أوقات التحميل. الحصول على سرعة 100% في كل أداة ليس أمرًا واقعيًا إلا إذا كان لديك موقع HTML ثابت. لا تستحوذ على النتائج – استحوذ على أوقات التحميل الفعلية بدلاً من ذلك.

تسريع موقع ووردبريس

خطوات تسريع موقع ووردبريس

1. تجنب شركات الاستضافة التابعة لمجموعة EIG

نفس الشركة (EIG) تمتلك Bluehost و HostGator و iPage و Site5 و Unified Layer وأكثر من 60 شركة استضافة مختلفة. وهي معروفة بخفض التكاليف عن طريق حزم الكثير من الأشخاص على نفس الخادم (أؤكد على ما أقول) ولديهم مراجعات فضيعة بسبب ذلك. تتمتع العديد من مواقع الويب التي تستضيفها EIG بأوقات استجابة عالية ، وسوف أتجنب استخدام هذه الشركات بأي ثمن.

EIG hosting companies

2. إستخدم أسرع استضافة ووردبريس

عادة ما تكون توصيات الاستضافة غير صحيحة.

انضم إلى مجموعة استضافة WordPress على Facebook للحصول على تعليقات غير متحيزة. معظم الأعضاء (أنا أيضًا) أقسموا باستضافة Cloudways. على وجه التحديد DigitalOcean / Vultr High Frequency.

نعم ، إنها غالية قليلاً من 10$ إلى 13$ في الشهر ، لكننا نتحدث عن السرعة هنا – ليس الرخص. مع Cloudways ، لديك خيار استخدام DigitalOcean أو Vultr High Frequency أو Google Cloud أو AWS أو Linode. هذه عوالم أسرع من الاستضافة المشتركة ويمكنها التعامل مع المهام كثيفة الموارد بشكل أفضل (Elementor ، Beaver ، Divi ، WooCommerce ، AdSense ، إلخ).

تسهل Cloudways اختبارها ومعرفة الفرق في أوقات التحميل: فهي تقوم بعمليات ترحيل مجانية ، وتسعير شهري ، و مكوِّن إضافي للترحيل ، وكوبون تخفيض: NAKIB4TECH

لقد انخفضت أوقات التحميل إلى النصف وخاصةً صفحات المقالات. يمكنك أن ترى كيف يتم تحميل صفحات موقعي بشكل مباشر من خلال تصفحه وهذا بفضل سيرفر Digital Ocean على استضافة Cloudways.

تسريع مقالات ووردبريس

الأشخاص الآخرون الذين انتقلوا إلى Cloudways (أو أحد موفري السحابة):

شركات الاستضافة التي يجب تجنبها

  • SiteGround – لقد انحدرت تمامًا في السنوات الأخيرة.
  • Bluehost – خوادم بطيئة ، مملوكة لـ EIG ، دعم سيئ ، تم تصنيفها بشكل ضعيف في مجموعات فيسبوك.
  • HostGator – مملوك أيضًا من قبل EIG بخوادم بطيئة ، ودعم سيء ، ومشكلات حدود CPU.
  • GoDaddy – أفضل شبكة استضافة للبرامج الضارة في جميع أنحاء العالم ، مصنفة بشكل ضعيف في مجموعات FB.
  • Hostinger – يكتبون تقييمات مزيفة ويصوتون لأنفسهم في استطلاعات الرأي على Facebook.
  • WP Engine – ليس كما كان عليه من قبل ، إنه مكلف ولم يعد سريعًا بعد الآن.

أنا أحب Cloudways لأن:

  • حتى المقالات التي يبلغ حجم صفحة 1.60 ميجا بايت يمكن تحميلها في أقل من ثانيتين
  • تعد DigitalOcean و Vultr HF أسرع بكثير من الاستضافة المشتركة.
  • تتراوح من 10 إلى 13 دولارًا أمريكيًا في الشهر (بدون عقود سنوية أو أسعار تجديد مرتفعة).
  • ال Varnish و Redis و memcached كلها مدمجة للحصول على أداء أعلى.
  • يمكنك الاختيار من DigitalOcean و Vultr HF و Linode و AWS و Google Cloud.
  • تقييم TrustPilot 4.8/5 نجوم ويوصى بها بشدة في مجموعات فيسبوك.
  • لديهم أكثر من 25 مركز بيانات بين جميع مزودي خدمة الاستضافة السحابية.
  • لا توجد مشكلات في وحدة المعالجة المركزية مثل SiteGround و Bluehost والاستضافات المشتركة الأخرى.
  • SSL ، Staging ، والنسخ الاحتياطية كلها سهلة للغاية في لوحة معلومات Cloudways.
  • اعتاد أن يكون الدعم متوسطًا ، ولكنه الآن جيد حقًا كما ينعكس في TrustPilot.
  • إنها توفر ترحيلًا مجانيًا ولكن اضافة Migrator الخاصة بهم ستفي بالغرض أيضًا.
  • إن إضافة خادم وترحيل موقعك ولوحة التحكم في الواقع أمر سهل للغاية.

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

3. أعد التفكير في قالبك + مُنشئ الصفحة

معظم الناس يستخدمون قالب Astra.

Astra هو قالب ووردبريس مجاني تم تطويره بواسطة Brainstorm Force. إنه خفيف الوزن بشكل لا يصدق ويتم تحميله في أقل من نصف ثانية ، وهو سهل التخصيص للغاية وقد نما ليصبح قاعدة تثبيت نشطة لأكثر من مليون مستخدم بمعدل متوسط ​​5 نجوم.

المشكلة الوحيدة في Astra هي أن معظم مواقع Starter الخاصة به تستخدم أدوات إنشاء الصفحات. يضيف Elementor الكثير من البرامج النصية التي يمكن أن تبطئ بشكل معتدل موقع WordPress الخاص بك (يمكنك التحقق منها في Asset CleanUp أو Perfmatters). كانت هذه أكبر شكواي عندما أُعيد تصميم موقعي في أسترا.

انه حقاً يتوقف على ما تريد؛ إذا كنت تحب Astra + Elementor لتصميم موقعك ولا تمانع في حدوث انخفاض طفيف في السرعة ، فهذا ما أوصي به. إذا كنت مهووسًا بالسرعة مثلي وتريد فقط أسرع الأشياء ، أذهب مع Genesis.

Astra theme

فيما يلي ملفات CSS و JavaScript الإضافية التي أضافها Elementor:

ويدجات Elementor غير الضرورية

أوصي إما Astra أو Oxygen Builder.

تقييم قالب أسترا

4. إختيار افضل إضافة كاش للموقع

هناك الكثير من اضافات ذاكرة التخزين المؤقت ولكن WP Rocket هي الأفضل بدون منافس. تعد إضافة الكاش واستضافتك عاملين رئيسيين ، لذا جرّب WP Rocket إذا كان لديك 49 دولارًا في السنة (عادة ما تكون هناك خصومات للتجديد).

احصل على خصم 10% على WP Rocket من خلال الاشتراك في قائمة البريد الإلكتروني الخاصة بهم على صفحة القسائم الخاصة بهم. ثم تحقق من إعدادات WP Rocket الموصى بها للحصول على أفضل درجات / أوقات تحميل GTmetrix.

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

  • تنظيف قاعدة البيانات (مضمن في WP Rocket ، أو استخدم WP-Optimize)
  • التحكم في Heartbeat (مضمن في WP Rocket ، أو استخدم Heartbeat control)
  • التحميل الكسول للصور / الفيديو (مدمج في WP Rocket ، أو استخدام WP YouTube Lyte)
  •  استضافة Google Analytics محليًا (مضمّن في WP Rocket ، أو استخدام CAOS For Analytics)
  • استضافة خطوط جوجل محليًا (مضمّن في WP Rocket ، أو استخدم CAOS For Fonts ، أو SHGF)
  • التوافق مع Cloudflare أو اي شبكة CDN أخرى (مضمنة في WP Rocket ، أو استخدام CDN Enabler)
مميزات اضافة WP Rocket

إذا كان يمكنك إسقاط 49 دولارًا على WP Rocket ، فقم بشرائه ، ثم اطلع على مقالي حول شرح الإعدادات المثالية لاضافة WP Rocket. من السهل الإعداد ، يتم تحديثه بشكل متكرر بميزات جديدة ، ويشمل الوثائق و الدعم. بالنسبة للمكونات الإضافية المجانية ، أوصي Swift أو W3 Total Cache (سويفت صعبة الإعداد ولكن لديها مراجعات رائعة في جروبات فيسبوك وتأتي مع معظم الميزات مثل WP Rocket.

5. الترقية إلى PHP 7.4

إن ترقية إصدارات PHP هو أسهل شيء حرفياً ويمكن أن يجعل موقعك أسرع بمعدل 2-3 مرات.

اصدارات PHP

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

الخطوة 1: تثبيت اضافة Display PHP Version للتحقق من الإصدار الحالي.

معرفة اصدار PHP المستخدم ووردبريس

الخطوة 2: تشغيل مدقق توافق PHP للتأكد من أن القوالب / الإضافات متوافقة.

فحص توافق اضافات ووردبريس لاصدار PHP

الخطوة 3: الترقية إلى PHP 7.4 بالبحث عن “PHP Version Manager” في حساب الاستضافة الخاص بك:

تحديث اصدار PHP

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

6. تفعيل Varnish + Memcached

يدعم العديد من مزودي الاستضافة السحابية Varnish + Memcached. قم بتسجيل الدخول إلى حساب الاستضافة الخاص بك وقم بتنشيطها. إذا كنت تستخدم Varnish ، فتأكد من تمكين اضافة Varnish في WP Rocket.

تفعيل Varnish + Memcached

7. تنظيف قاعدة البيانات

يحذف مجلدات البريد العشوائي وملفات المهملات ، و trackbacks ، و pingbacks ، وجداول قاعدة البيانات الميتة ، والملفات العابرة ، وربما الآلاف من مراجعات النشر ومسودات النشر التي تراكمت على العمل الإضافي الذي يخزنه WordPress تلقائيًا. هذه هي ملفات القمامة وتقوم بإبطاء موقعك. أوصي بجدولة WP Rocket أو WP Optimize لحذفها كل أسبوع أو نحو ذلك. يجب أن لا تحدث مشاكل ، ولكن أوصي أن تأخذ نسخة احتياطية من موقعك إذا كانت هذه هي المرة الأولى التي تقوم فيها بتنظيف قاعدة البيانات الخاصة بك!

إذا كنت تستخدم WP Rocket ، قم بتشغيل (وجدولة) هذا في إعدادات قاعدة البيانات:

تنضيف قاعدة بيانات ووردبريس Wp Rocket

إذا لم تستخدم WP Rocket ، فاستخدم المكون الإضافي المجاني WP-Optimize:

تنضيف قاعدة بيانات ووردبريس Wp Optimize

8. تحسين صور موقعك

الصور هي المساهم الرئيسي في زيادة حجم صفحة ويب معينة. الحيلة هي تقليل حجم الصور دون المساومة على الجودة.

هناك عدة طرق لتحسين الصور. العناصر الثلاثة الأولى موجودة في GTmetrix ، والعناصر الأخيرة من PageSpeed Insights. لا تعرض لك أدوات اختبار السرعة سوى الصور غير المحسّنة للصفحة الواحدة التي تختبرها.

  • Serve scaled image – قم بتغيير حجم الصور الكبيرة لتصبح أصغر.
  • Specify image dimensions – أضف عرضًا / ارتفاعًا إلى HTML للصورة.
  • Lossless compress – استخدم مكونًا إضافيًا لتحسين الصورة لضغط الصور.
  • التحميل الكسول للصور – يؤخر تحميل الصور حتى يتم رؤيتها بوضوح.
  • عرض الصور بتنسيقات الجيل القادم – استخدم تنسيق WebP / SVG بدلاً من JPEG / PNG.
تحسين صور موقعك

Serve scaled image – قم بتغيير حجم الصور الكبيرة لتصبح أصغر. يخبرك GTmetrix بالأبعاد الصحيحة. ما عليك سوى النقر فوق الصورة في GTmetrix ، وتغيير حجمها إلى الأبعاد الجديدة ، واستبدالها. لا تستخدم أبدًا ميزة “السحب لتغيير الحجم” في المحرر المرئي نظرًا لأن هذا يؤدي فقط إلى تغيير حجم الصورة المعروضة (وليس الصورة الفعلية). من الأفضل تغيير الحجم إلى الأبعاد الصحيحة قبل تحميلها.

عرض الصور بتنسيقات الجيل القادم – تحتوي معظم اضافات تحسين الصور على خيار تحويل الصور إلى تنسيق WebP ، أنصح بإضافة Imagify بتحسين الصور وتحويل صيغغتها إلى WebP.

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

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

إن عملية ضغط الصور وتصحيح أبعادها ليس كل شيء! من الجيد تفعيل ميزة التحميل الكسول للصور كذلك. يمكنك القيام بذلك بإستعمال إضافة WP Rocket أو a3 Lazy Load.

9. التحميل الكسول للفيديو والاطارات الداخلية

يؤخر تحميل مقاطع الفيديو حتى تقوم بالتمرير لأسفل الصفحة وتصبح مرئية. يمكنك القيام بذلك مع الصور أيضًا. إذا لم تستخدم WP Rocket ، يمكنك القيام بذلك باستخدام اضافة a3 Lazy Load.

إذا كنت تستخدم WP Rocket ، فقم بتمكين التحميل البطيء في إعدادات “Media”:

التحميل الكسول للفيديو والاطارات الداخلية

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

10. استضافة خطوط جوجل محلياً

إذا كنت تستخدم خطوط جوجل ، فربما ترى أخطاء في GTmetrix:

خطأ خطوط جوجل في GTMetrix

هذا يعني أنك تحتاج إلى استضافة خطوط جوجل محلياً ، باستخدام مكون إضافي مثل CAOS For Webfonts:

CAOS For Webfonts

إذا كنت تفضل عدم استخدام مكون إضافي ، فقم بتنزيل الخطوط الخاصة بك مباشرةً من Google Fonts (فقط الخطوط / الأوزان التي تحتاج إليها) ، واستخدم Transfonter لتحويلها إلى خطوط ويب ، ثم قم بإضافتها إلى CSS. بعد استضافة خطوط جوجل على السيرفر ستلاحظ زيادة سرعة موقع ووردبريس بشكل ملحوظ.

11. استضافة جوجل أناليتكس محلياً

إذا كنت تستخدم Google Analytics ، فستحتاج إلى استضافة ذلك محليًا أيضًا:

مشكلة جوجل اناليتكس في GTMetrix

إذا كنت تستخدم WP Rocket ، فإن تمكين Google Tracking في علامة التبويب اضافات يجب أن يصلح هذا:

استضافة جوجل أناليتكس محلياً

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

12. استخدم شبكة توصيل المحتوى CDN

يستخدم معظم الناس Cloudflare أو Stackpath. ولكنني أستخدم كلاهما معاً!

أستفيد من خدمات الامان والسرعة الرائعة التي يقدمها كلاودفلير مجاناً + خدمات Stackpath المدفوعة في CDN عالي الجودة. بهذا حصلت على سرعة 100% في GTMetrix ووقت تحميل 0.5 ثانية على Pingdom.

هناك بعض الاختلافات الرئيسية بين الاثنين.

Cloudflare ضد Stackpath

  • Cloudflare مجاني ، Stackpath هو 10 دولارًا في الشهر
  • لا تستطيع Cloudflare عرض الصور من شبكة CDN الخاصة بهم ، بالمقابل يمكن لـ StackPath ذلك
  • يحتوي Cloudflare على أكثر من 200 مركز بيانات ، في حين أن StackPath لديه 45 مركز بيانات
  • من المحتمل ألا تكون مراكز بيانات Cloudlare عالية الأداء مثل StackPath
  • تحتوي لوحة معلومات Cloudflare على ميزات إضافية مثل قواعد الصفحة و Rocket Loader و Railgun
  • يتطلب Cloudflare تغيير خوادم الأسماء (بعض المضيفين لديهم أيضًا خيار لتنشيط Cloudflare مباشرةً من حسابك) ، يمكن إعداد StackPath تلقائياً مع WP Rocket

Cloudflare مجاني ويحسن السرعة والأمان وحماية البريد العشوائي. يستضيف CDN ملفاتك على أكثر من 200 مركز بيانات حول العالم مما يساعد على تحميل الموارد إلى خوادمهم (تخفيف الحمل على استضافتك). تقلل مراكز البيانات أيضًا المسافة الجغرافية للمحتوى الخاص بك للسفر إلى الزوار. Cloudflare سهل الإعداد باستخدام WP Rocket (لقد قمت أيضًا بإدراج الطرق البديلة أدناه).

cloudflare data centers

قم بالتسجيل في كلاودفلير بإتباع الشرح في مقالتنا السابقة: استخدم Cloudflare مع ووردبريس لزيادة سرعة تحميل موقعك و CDN و AMP والأمان بعد التسجيل في كلاودفلير إتبع الشرح في إدناه لضبط أفضل اعدادات التوافق بين WP Rocket و Cloudflare.

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

  • تمكين Brotli (إعدادات السرعة)
  • تمكين Railgun (إعدادات السرعة)
  • تمكين Rocket Loader (إعدادات السرعة)
  • تمكين حماية Hotlink (إعدادات Scrape Shield)
  • إعداد Page Rules لـ WordPress (إعدادات قواعد الصفحة ، أدناه هي الثلاثة التي أوصي بها)

قاعدة الصفحة1: تخزين كل شيء مؤقتًا وإجبار HTTPS – تخزين موقع الويب الخاص بك مؤقتًا بشكل قوي.

http://*yourwebsite.com/*
Cloudflare page rule wordpress

قاعدة الصفحة2: تأمين لوحة تحكم ووردبريس وإستبعاد الكاش للأدمن – يعيّن مستوى أمان المسؤول إلى مرتفع ويتجاوز ذاكرة التخزين المؤقت لـ Cloudflare في صفحات المسؤول ، نظرًا لأنك لا تريد تشغيل شبكات CDN (أو تطبيقات + ميزات الأداء مثل Rocket Loader) داخل المسؤول.

yourwebsite.com/wp-admin*
Cloudflare page rule wordpress

قاعدة الصفحة3: تقليل النطاق الترددي لعمليات تحميل WP – نظرًا لأن المحتوى الموجود في مجلد تحميلات WP لا يتغير بشكل متكرر ، فإن زيادة مدة بقاء ذاكرة التخزين المؤقت لـ Edge إلى شهر يمكن أن توفر على النطاق الترددي (الباندوث) ، نظرًا لأن ذاكرة التخزين المؤقت لمجلد WP Uploads لن يتم تحديثه كثيرًا.

yourwebsite.com/wp-content/uploads*
Cloudflare page rule wordpress

قم بوضع ال IP’s الخاصة بـ Cloudflare في حساب الاستضافة الخاص بك – لا تريد أن تقوم استضافتك بحظر Cloudflare ، لذلك تأكد من قيامهم بإدراج جميع عناوين IP الخاصة بـ Cloudflare في القائمة البيضاء.

إعداد StackPath – أسهل طريقة لإعداد Stackpath هي باستخدام WP Rocket. إذا لم تكن تستخدم WP Rocket ، فستحتاج إلى التسجيل للحصول على حساب StackPath من خلال موقع الويب الخاص بهم ثم اتباع التعليمات لإنشاء موقع CDN. سيقومون بتعيين عنوان URL لـ CDN والذي تحتوي معظم مكونات ذاكرة التخزين المؤقت (بما في ذلك Autoptimize) على حقل له. أو استخدم اضافة CDN Enabler. من الجيد انني قمت بإنشاء فيديو لذلك:

13. تفعيل خاصية Hotlinking

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

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

لإيقاف حدوث hotlinking ، يمكن لمستخدمي Cloudflare استخدام Scrapeshield. كما يضهر في الصورة أدناه:

Cloudflare Hotlink Protection

14. تقليل الإضافات

هل حذفت اضافة Hello Dolly و WordPress Importer؟ ماذا عن استبدال المكون الإضافي لـ Twitter بأداة Twitter أو المكون الإضافي لـ Facebook بأداة Facebook؟ بدلاً من استخدام مكوّن إضافي لبرنامج Google Analytics ، لماذا لا تُدرج شفرة التتبع مباشرةً في التذييل (أو الأفضل ، استضافته محليًا)؟ ينشئ Yoast ملف Sitemap بتنسيق XML لك ، لذا فإن المكون الإضافي لملفات Sitemap من Google XML ليس ضروريًا. استعرض الإضافات وقم بإلغاء / حذف المكونات التي لا تحتاج إليها. يجب أيضًا تجنب استخدام مكونين إضافيين منفصلين إذا كان لديهم وظائف مكررة. هذا سيساعد في تسريع موقع ووردبريس بشكل ملحوظ.

15. تجنب 64 إضافة بطيئة

تشتمل معظم الإضافات البطيئة على المشاركة الاجتماعية ، والسلايدر ، ومُنشئي الصفحات ، والمقالات ذات الصلة ، والإحصائيات ، والدردشة الحية ، والمكونات الإضافية التي تقوم بإجراء عمليات مسح / عمليات مستمرة أو تظهر عدة مرات في تقرير GTmetrix.

  • AddThis
  • AdSense Click Fraud Monitoring
  • Backup Buddy
  • Beaver Builder
  • Better WordPress Google XML Sitemaps
  • Broken Link checker
  • Constant Contact for WordPress
  • Contextual Related Posts
  • Digi Auto Links
  • اضافة Disqus Comment System (إستخدم Disqus Conditional Load)
  • Divi Builder
  • Essential Grid
  • Fuzzy SEO Booster
  • Google XML Sitemaps
  • Jetpack
  • NextGEN Gallery
  • NewStatPress
  • Really Simple Share
  • Reveal IDs
  • Revolution Slider
  • ShareThis
  • S2 member
  • SEO Auto Links & Related Posts
  • Similar Posts
  • Slimstat Analytics
  • SumoMe
  • Talk.To
  • Ultimate Social Media & Share
  • VaultPress
  • إضافة Wordfence (عطل خاصية live traffic reports)
  • WordPress Facebook
  • WordPress Related Posts
  • WordPress Popular Posts
  • WP Bakey
  • WP Statistics
  • WP Power Stats
  • WP-PostViews
  • WPML (إذا استخدمت العديد من الاضافات)
  • wpCloaker
  • Yet Another Related Post Plugin
  • Yuzo Related Posts

16. تحسين الطلبات الخارجية

يتضمن ذلك Google Fonts أو Analytics أو Maps أو AdSense أو Tag Manager أو مقاطع الفيديو المضمنة أو أدوات الوسائط الاجتماعية أو Facebook Pixel أو Gravatars أو حتى الأزرار من المكوّن الإضافي للمشاركة الاجتماعية. يمكن تحسين بعضها بحيث لا يكون لها أي تأثير على GTmetrix بينما يكون AdSense / Tag Manager أصعب.

تشتهر خرائط Google بأنها تسبب أوقات تحميل بطيئة ، وعند إضافتها في الفوتر ، سيتم تحميلها على كل صفحة / مقالة على موقع الويب الخاص بك. لمَ لا مجرد استخدامها على صفحة الاتصال الخاصة بك؟

جوجل أدسنس والشبكات الإعلانية الأخرى عادة ما تبطئ موقعك (بشكل هائل) لأنها تقدم طلبات إلى خوادم أخرى لعرض تلك الإعلانات. وإذا لم يتم تحسين هذه الخوادم للتحميل السريع ، فسوف تدمر وقت التحميل وتقرير GTmetrix. يمكنك تقليل كمية الإعلانات والتأكد من وجود معلنين على خوادم سريعة ، ولكن ربما لا يزال بإمكانك رؤية المشكلات في GTmetrix.

مشكلة اعلانات جوجل في GTMetrix

الخطوة 1: تعرف على طلبات الطرف الثالث التي تؤدي إلى إبطاء موقعك

انظر إلى reduce DNS lookups في GTmetrix YSlow أو استخدام third party usage في PageSpeed Insights.

reduce DNS lookups

نطاقات الطرف الثالث الشائعة المأخوذة من Github:

//maps.googleapis.com
//maps.gstatic.com
//fonts.googleapis.com
//fonts.gstatic.com
//use.fontawesome.com
//ajax.googleapis.com
//apis.google.com
//google-analytics.com
//www.google-analytics.com
//ssl.google-analytics.com
//www.googletagmanager.com
//www.googletagservices.com
//googleads.g.doubleclick.net
//adservice.google.com
//pagead2.googlesyndication.com
//tpc.googlesyndication.com
//youtube.com
//i.ytimg.com
//player.vimeo.com
//api.pinterest.com
//assets.pinterest.com
//connect.facebook.net
//platform.twitter.com
//syndication.twitter.com
//platform.instagram.com
//referrer.disqus.com
//c.disquscdn.com
//cdnjs.cloudflare.com
//cdn.ampproject.org
//pixel.wp.com
//disqus.com
//s.gravatar.com
//0.gravatar.com
//2.gravatar.com
//1.gravatar.com
//sitename.disqus.com
//s7.addthis.com
//platform.linkedin.com
//w.sharethis.com
//s0.wp.com
//s1.wp.com
//s2.wp.com
//stats.wp.com
//ajax.microsoft.com
//ajax.aspnetcdn.com
//s3.amazonaws.com
//code.jquery.com
//stackpath.bootstrapcdn.com
//github.githubassets.com
//ad.doubleclick.net
//stats.g.doubleclick.net
//cm.g.doubleclick.net
//stats.buysellads.com
//s3.buysellads.com

الخطوة 2: الجلب المسبق لطلبات DNS

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

أضف هذه النطاقات إلى WP Rocket في إعدادات التحميل المسبق:

Prefetch DNS Requests

الخطوة 3: استخدم WP Rocket لتأخير تحميلها

منذ الإصدار 3.7 لإضافة WPRocket ، تم إضافة هذه الميزة الرائعة التي تعمل على تأخير تحميل JavaScript حتى قيام المستخدم بالتفاعل مع الصفحة. إنها الطريقة الوحيدة التي تسمح لي بعرض Gravatars دون أن يؤثر ذلك على تقرير GTmetrix الخاص بي ، ولكن يمكن القيام بذلك أيضًا مع طلبات الجهات الخارجية الأخرى. فقط أدخل الكلمة الرئيسية للبرنامج النصي في WP Rocket (على سبيل المثال ، discuz).

تأخير تحميل JavaScript

هناك إضافة اخرى رائعة جداً للقيام بتأخير تحميل ملفات JS وهي مجانية بالكامل. هي إضافة Flying Scripts ، أوصي أيضًا بالتحقق من المكونات الإضافية للسرعة من Gijo.

17. إستضافة فيسبوك Pixel محلياً

إذا كنت تستخدم بيكسلات فيسبوك في موقعك فسيكون لذلك تأثير كبير في بطئ موقعك. استخدم المكوّن الإضافي Pixel Caffeine و استضف Facebook Pixel محليًا في WP Rocket.

إستضافة فيسبوك Pixel محلياً

18. استخدم أسرع إضافة مشاركات اجتماعية

قام WP Rocket بإجراء اختبار على أسرع اضافات المشاركة الاجتماعية.

تم تصنيف المكون الإضافي Grow by Mediavine او (Social Pug) كأول مكون إضافي للمشاركة الاجتماعية. تبدو الأزرار جميلة ، ويمكن تحميلها قبل المحتوى وبعده ، ولديها خيارات لـ Facebook و Twitter و Pinterest و LinkedIn والبريد الإلكتروني والطباعة. يمكنك أيضًا عمل شريط عائم.

19. تحسين Gravatars

يستغرق Gravatars وقتًا طويلاً للتحميل خاصةً إذا كان لديك الكثير من تعليقات المدونة (حاول تشغيل مقال مع تعليقات من خلال GTmetrix وسترى مدى سوء الأمر). لديك بعض الخيارات:

  • استضافة Gravatars محليًا باستخدام WP User Avatar
  • تعطيل Gravatars تماماً
  • تعيين Gravatar الافتراضي الخاص بك إلى فارغ (بدون صورة)
  • احذف التعليقات التي لا تضيف قيمة
  • قم بتعيين Gravatar الافتراضي الخاص بك على صورة مخصصة على الخادم الخاص بك
  • قصر صورك على Gravatar بأبعاد أصغر (مثل 32 بكسل)
  • حاول التخزين المؤقت ل Gravatars باستخدام FV أو Harrys أو Optimum Gravatar

20. حظر البوتات السيئة

محركات البحث والبوتات عادة ما تستهلك معظم وحدة المعالجة المركزية / عرض النطاق الترددي…

Robots Visitors

Googlebot هو عادة أكثر برامج الروبوت المتعطشة للموارد. في إعدادات موقع Google Search Console ، يمكنك الحد من معدل الزحف ، لكن يوصى بهذا فقط إذا كان يسبب ارتفاع وحدة المعالجة المركزية (CPU).

Google Crawl Rate

يمكنك فعل الشيء نفسه في إعدادات التحكم في الزحف الخاصة بـ Bing Webmaster Tools

Bing Crawl Rate

يحمي المكون الإضافي Block Bad Queries موقعك أيضًا من برامج الروبوت السيئة المعروفة. إنه مكوّن إضافي بنقرة واحدة مع مراجعة 5 نجوم مثالية – طريقة سهلة لتقليل وحدة المعالجة المركزية من الروبوتات العشوائية.

Block Bad Queries

21. تعطيل المزايا غير المستخدمة

Perfmatters (من Kinsta) هو البرنامج المساعد النهائي لإزالة المزايا غير الضرورية في ووردبريس.

تتضمن صفحة الميزات أوصافًا لما يفعله كل عنصر ، ولكنها تزيل ميزات WordPress غير الضرورية التي ربما لا تحتاجها. حتى أنه يحتوي على خيارات لتحسين شفرة تتبع Google Analytics و WooCommerce والجلب المسبق + الاتصال والتحكم في ضربات القلب.

مميزات Perfmatters

احذف المكونات الإضافية والقوالب غير المستخدمة – يجب حذف أي مكونات إضافية / قوالب لا تستخدمها.

22. تعطيل الإضافات في صفحات + مقالات معينة

يتيح لك مدير البرنامج النصي Perfmatters (الإصدار المميز) و Clearfy (المجاني) تعطيل الإضافات / البرامج النصية من العمل على صفحات / مقالات محددة. يتم تحميل بعض المكونات الإضافية عبر موقعك بالكامل (حتى على المحتوى الذي لا يتم استخدامها فيه) ، لذلك من الأفضل تعطيلها عندما يكون الأمر كذلك.

أمثلة:

  • تعطيل اضافة السلايدر على الصفحات التي لا تستخدم سلايدر
  • تعطيل اضافة البيانات المنظمة على الصفحات التي لا تستخدم المقتطفات المنسقة
  • تعطيل اضافة نموذج الاتصال في الصفحات التي لا تستخدم نماذج الاتصال
  • تعطيل المكوِّن الإضافي لإدارة روابط الأفلييت على الصفحات التي لا تستخدم روابط affiliate
  • تعطيل اضافة المشاركة الاجتماعية في جميع الصفحات (لأنه عادةً ما تكون المشاركات في المقالات فقط)
Perfmatters ميزة Script Manager

هناك أيضًا خيار Regex للتحكم بشكل أفضل في مكان تحميل المكونات الإضافية.

23. إزالة JavaScript و CSS غير المستخدمة

من المهم جداً حذف مايمكن حذفه من ملفات JavaScript و CSS غير المستخدمة والتي يتم تحميلها في صفحات موقعك. تضيف هذه الملفات الغير ضرورية حجم اضافي لصفحاتك و تؤخر عرض محتوى موقعك الأصلي.

يمكنك إستخدام إضافة Perfmatters (مدفوعة) من Kinsta للقيام بذلك ، أو إستخدام إضافة Clearfy المجانية كما قمت بشرحه في الفيديو ادناه:

24. تقليل عمليات إعادة التوجيه

إذا كانت لديك أخطاء إعادة التوجيه في تقرير GTmetrix لموقعك ، عادةً ما يعني أنك غيرت نسخة www أو http من موقع الويب الخاص بك ولكنك لم تغير روابطك / صورك لتعكس هذا. جرِّب استخدام المكوّن الإضافي Better Search & Replace لإصلاحها جملةً.

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

25. زيادة حد الرام إلى 256MB

تتطلب WooCommerce و WPML حدًا للذاكرة يبلغ 256 ميجا بايت ، ولكن يجب أن تستخدم 256 ميجا بايت بالفعل بغض النظر عن نوع موقع WordPress الذي تقوم بتشغيله. لدى بعض الاستضافات خيار زيادته في لوحة المعلومات الخاصة بهم ، أو قم بتحرير ملف wp-config.php الخاص بك وإضافة الكود أدناه.

زيادة حد الرام إلى 256MB
define('WP_MEMORY_LIMIT', '256M');

26. Defer Parsing Of JavaScript

قم بعمل نسخة احتياطية من ملف function.php الخاص بك ثم أضف هذا الكود إليه – ثم انتهيت. تحقق مرتين من موقعك للتأكد من أن كل شيء يبدو / يعمل بشكل صحيح. إذا كان هذا لا يزال لا يعمل على إصلاح العنصر في Pingdom ، فجرب اضافة Scripts To Footer. في حال واجهت أي مشكلة في موقعك بعد تطبيق الكود، فقم بإرجاع ملف functions.php الذي نسخته احتياطياً.

if (!(is_admin() )) {
function defer_parsing_of_js ( $url ) {
if ( FALSE === strpos( $url, '.js' ) ) return $url;
if ( strpos( $url, 'jquery.js' ) ) return $url;
// return "$url' defer ";
return "$url' defer onload='";
}
add_filter( 'clean_url', 'defer_parsing_of_js', 11, 1 );
}

27. تمكين ضغط Gzip

بعد كل شيء ، موقع ووردبريس ليس سوى عدد من الملفات. يعمل الضغط بشكل أفضل مع البيانات المتكررة والرمز كثير التكرار. لذلك ، تعتبر ملفات موقع الويب مرشحة مثالية للضغط.

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

إن كنت تنستخدم اضافة WP Rocket فلست بحاجة للقلق حيال ذلك لأن الإضافة تحتوي على ميزة ضغط الملفات مضمنة بها. كما يقوم العديد من المضيفين بتطبيق gzip server-side دون أي مكون إضافي مطلوب لذلك اسأل مضيفك أولاً. إذا لم يتم تنشيط gzip بالفعل من أجلك ، فلا تقلق ، فمن السهل تنفيذه. يمكنك إضافة الجزء التالي من التعليمات البرمجية إلى ملف htaccess في دليل الجذر الخاص بك.

<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>

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

احصل على مساعدة في تسريع موقع ووردبريس الخاص بك

أسئلة مكررة

نأمل أن هذا البرنامج التعليمي في شرح كيفية تسريع موقع ووردبريس قد ساعدك! شاركنا درجات GTmetrix الجديدة + أوقات التحميل لموقعك في التعليقات 🙂

أنمار النقيب

أنمار النقيب

مدير التحرير في النقيب للمعلوماتية. هو يعمل بدوام كامل في التدوين، هو مهندس مدني ، يوتيوبر ، خبير SEO ، خبير في التسويق الرقمي ، ولديه خبرة 3 سنوات في التسويق عبر فيسبوك و 2 سنوات في التدوين.

مقالات ذات صلة

الإشتراك
نبّهني عن
guest
9 تعليقات
الأحدث
الأقدم
Inline Feedbacks
View all comments
انتقل إلى أعلى