تسريع موقع ووردبريس هو بالتأكيد موضوع شائع في هذه الأيام. لحسن الحظ ، هناك العديد من التقنيات التي يمكنك توظيفها لإنجاز المهمة. لذلك ، هدفنا هنا هو سرد كل خدعة نعرفها والتي يمكن أن تجعل موقع ووردبريس الخاص بك أسرع بكثير. لقد كتبت بالفعل برامج تعليمية شعبية لـ WP Rocket ، و أفضل إضافات تسريع موقع ووردبريس. يجمع هذا الدليل بين كل شيء يساعدك في زيادة سرعة موقع ووردبريس الخاص بك وإصلاح كافة أخطاء موقعك في تقرير GTMetrix.
إذا كنت في شك ، فراجع دليل تحسين WordPress لمعرفة العوامل الأكثر أهمية. عادةً ما ترتبط الإصلاحات الأكثر شيوعًا لموقع WordPress البطيء بالبنية التحتية (القالب والاستضافة ومنشئ الصفحات وإضافة الكاش و CDN ونوع الإضافات التي تستخدمها). في حين أن تحسين الصور والسكربتات الخاصة بطرف ثالث يمكن أن يؤدي بالتأكيد إلى تسريع ووردبريس ، فإن معظم العوامل تكون على مستوى الموقع.
لهذا ، أوصي بـ Cloudways (استضافة) ، Astra أو Oxygen Builder (قالب + منشئ الصفحة) ، و WP Rocket (المكون الإضافي الرئيسي للتحسين). سوف تتجنب 90% من مشكلات السرعة ويتم تصنيفهم جميعًا بدرجة عالية في استطلاعات الرأي على فيسبوك. قم بالتعليق مع تقرير GTmetrix الخاص بك إذا كنت بحاجة إلى مساعدة.
لكن اولاً…
هناك العديد من الأسباب التي تدق أجراس الإنذار ، والتي قد يسبب بعضها مخاوف كبيرة لك:
يجب أن تكون GTmetrix (أوقات التحميل) هي مقياسك الأساسي بينما لا تقيس PageSpeed Insights أوقات التحميل. الحصول على سرعة 100% في كل أداة ليس أمرًا واقعيًا إلا إذا كان لديك موقع HTML ثابت. لا تستحوذ على النتائج - استحوذ على أوقات التحميل الفعلية بدلاً من ذلك.
نفس الشركة (EIG) تمتلك Bluehost و HostGator و iPage و Site5 و Unified Layer وأكثر من 60 شركة استضافة مختلفة. وهي معروفة بخفض التكاليف عن طريق حزم الكثير من الأشخاص على نفس الخادم (أؤكد على ما أقول) ولديهم مراجعات فضيعة بسبب ذلك. تتمتع العديد من مواقع الويب التي تستضيفها EIG بأوقات استجابة عالية ، وسوف أتجنب استخدام هذه الشركات بأي ثمن.
عادة ما تكون توصيات الاستضافة غير صحيحة.
انضم إلى مجموعة استضافة 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 (أو أحد موفري السحابة):
شركات الاستضافة التي يجب تجنبها
أنا أحب Cloudways لأن:
إخلاء مسؤولية الأفلييت - في النقيب للمعلوماتية نحن نؤمن بالشفافية لذا إذا قمت بالتسجيل في Cloudways باستخدام الرابط التابع الخاص بي ، فسوف أحصل على عمولة لعملية البيع التي سأكون ممتن للغاية لها. الاستضافة السحابية الخاصة بهم أسرع بكثير من الاستضافة المشتركة وأنا أوصي بخطة DigitalOcean الخاصة بهم.
معظم الناس يستخدمون قالب Astra.
Astra هو قالب ووردبريس مجاني تم تطويره بواسطة Brainstorm Force. إنه خفيف الوزن بشكل لا يصدق ويتم تحميله في أقل من نصف ثانية ، وهو سهل التخصيص للغاية وقد نما ليصبح قاعدة تثبيت نشطة لأكثر من مليون مستخدم بمعدل متوسط 5 نجوم.
المشكلة الوحيدة في Astra هي أن معظم مواقع Starter الخاصة به تستخدم أدوات إنشاء الصفحات. يضيف Elementor الكثير من البرامج النصية التي يمكن أن تبطئ بشكل معتدل موقع WordPress الخاص بك (يمكنك التحقق منها في Asset CleanUp أو Perfmatters). كانت هذه أكبر شكواي عندما أُعيد تصميم موقعي في أسترا.
انه حقاً يتوقف على ما تريد؛ إذا كنت تحب Astra + Elementor لتصميم موقعك ولا تمانع في حدوث انخفاض طفيف في السرعة ، فهذا ما أوصي به. إذا كنت مهووسًا بالسرعة مثلي وتريد فقط أسرع الأشياء ، أذهب مع Genesis.
فيما يلي ملفات CSS و JavaScript الإضافية التي أضافها Elementor:
أوصي إما Astra أو Oxygen Builder.
هناك الكثير من اضافات ذاكرة التخزين المؤقت ولكن WP Rocket هي الأفضل بدون منافس. تعد إضافة الكاش واستضافتك عاملين رئيسيين ، لذا جرّب WP Rocket إذا كان لديك 49 دولارًا في السنة (عادة ما تكون هناك خصومات للتجديد).
احصل على خصم 10% على WP Rocket من خلال الاشتراك في قائمة البريد الإلكتروني الخاصة بهم على صفحة القسائم الخاصة بهم. ثم تحقق من إعدادات WP Rocket الموصى بها للحصول على أفضل درجات / أوقات تحميل GTmetrix.
مع معظم اضافات الكاش ، ستحتاج إلى تثبيت حوالي 7 مكونات إضافية للحصول على هذه الميزات ، بينما تكون جميعها مضمنة في WP Rocket ، مما يقلل من عدد المكونات الإضافية على موقعك وبالتالي تسريع موقع ووردبريس. إذا كنت مثلي ، فأنت تريد فقط استخدام مكون إضافي واحد ، وإلا فسوف تحتاج إلى البحث عن الميزات التي تأتي بها اضافات الكاش الاخرى ، ثم قم بتثبيت هذه المكونات الإضافية إذا كان لا يدعمها.
إذا كان يمكنك إسقاط 49 دولارًا على WP Rocket ، فقم بشرائه ، ثم اطلع على مقالي حول شرح الإعدادات المثالية لاضافة WP Rocket. من السهل الإعداد ، يتم تحديثه بشكل متكرر بميزات جديدة ، ويشمل الوثائق و الدعم. بالنسبة للمكونات الإضافية المجانية ، أوصي Swift أو W3 Total Cache (سويفت صعبة الإعداد ولكن لديها مراجعات رائعة في جروبات فيسبوك وتأتي مع معظم الميزات مثل WP Rocket.
إن ترقية إصدارات PHP هو أسهل شيء حرفياً ويمكن أن يجعل موقعك أسرع بمعدل 2-3 مرات.
لن تقوم شركة الاستضافة بترقيتك تلقائيًا إلى أحدث إصدار من PHP نظرًا لأن القالب / الإضافات الخاصة بك قد لا تكون متوافقة (ولا يريدون تعطيل موقعك). هذا يعني أنك بحاجة إلى القيام بذلك بنفسك أو طلب المساعدة من استضافتك. هذا يعني أيضًا أنك إذا كنت تعمل في نفس الاستضافة لسنوات عديدة ولم تفعل ذلك مطلقًا ، فمن المحتمل أنك لا تزال تستخدم PHP 5.
الخطوة 1: تثبيت اضافة Display PHP Version للتحقق من الإصدار الحالي.
الخطوة 2: تشغيل مدقق توافق PHP للتأكد من أن القوالب / الإضافات متوافقة.
الخطوة 3: الترقية إلى PHP 7.4 بالبحث عن "PHP Version Manager" في حساب الاستضافة الخاص بك:
تحقق من موقع الويب الخاص بك بحثًا عن الأخطاء المرئية نظرًا لأن الإضافات غير المحفوظة قد لا تكون متوافقة. إذا رأيت أخطاء ، فيمكنك دائمًا الرجوع مرة أخرى إلى إصدار PHP سابق.
يدعم العديد من مزودي الاستضافة السحابية Varnish + Memcached. قم بتسجيل الدخول إلى حساب الاستضافة الخاص بك وقم بتنشيطها. إذا كنت تستخدم Varnish ، فتأكد من تمكين اضافة Varnish في WP Rocket.
يحذف مجلدات البريد العشوائي وملفات المهملات ، و trackbacks ، و pingbacks ، وجداول قاعدة البيانات الميتة ، والملفات العابرة ، وربما الآلاف من مراجعات النشر ومسودات النشر التي تراكمت على العمل الإضافي الذي يخزنه WordPress تلقائيًا. هذه هي ملفات القمامة وتقوم بإبطاء موقعك. أوصي بجدولة WP Rocket أو WP Optimize لحذفها كل أسبوع أو نحو ذلك. يجب أن لا تحدث مشاكل ، ولكن أوصي أن تأخذ نسخة احتياطية من موقعك إذا كانت هذه هي المرة الأولى التي تقوم فيها بتنظيف قاعدة البيانات الخاصة بك!
إذا كنت تستخدم WP Rocket ، قم بتشغيل (وجدولة) هذا في إعدادات قاعدة البيانات:
إذا لم تستخدم WP Rocket ، فاستخدم المكون الإضافي المجاني WP-Optimize:
الصور هي المساهم الرئيسي في زيادة حجم صفحة ويب معينة. الحيلة هي تقليل حجم الصور دون المساومة على الجودة.
هناك عدة طرق لتحسين الصور. العناصر الثلاثة الأولى موجودة في GTmetrix ، والعناصر الأخيرة من PageSpeed Insights. لا تعرض لك أدوات اختبار السرعة سوى الصور غير المحسّنة للصفحة الواحدة التي تختبرها.
Serve scaled image - قم بتغيير حجم الصور الكبيرة لتصبح أصغر. يخبرك GTmetrix بالأبعاد الصحيحة. ما عليك سوى النقر فوق الصورة في GTmetrix ، وتغيير حجمها إلى الأبعاد الجديدة ، واستبدالها. لا تستخدم أبدًا ميزة "السحب لتغيير الحجم" في المحرر المرئي نظرًا لأن هذا يؤدي فقط إلى تغيير حجم الصورة المعروضة (وليس الصورة الفعلية). من الأفضل تغيير الحجم إلى الأبعاد الصحيحة قبل تحميلها.
عرض الصور بتنسيقات الجيل القادم - تحتوي معظم اضافات تحسين الصور على خيار تحويل الصور إلى تنسيق WebP ، أنصح بإضافة Imagify بتحسين الصور وتحويل صيغغتها إلى WebP.
إذا قمت بتحسين الصور يدويًا باستخدام ملحق Photoshop أو أي أدوات أخرى ، فستستغرق العملية وقتًا طويلاً. لحسن الحظ ، تتوفر مكونات إضافية لكل ما يمكنك التفكير فيه ، بما في ذلك تحسين صور ووردبريس. من الجدير بالذكر:
سيؤدي استخدام أي من المكونات الإضافية المذكورة أعلاه على موقع ووردبريس الخاص بك إلى تقليل أحجام الصور بشكل كبير ، وبالتالي تسريع موقع ووردبريس الخاص بك.
إن عملية ضغط الصور وتصحيح أبعادها ليس كل شيء! من الجيد تفعيل ميزة التحميل الكسول للصور كذلك. يمكنك القيام بذلك بإستعمال إضافة WP Rocket أو a3 Lazy Load.
يؤخر تحميل مقاطع الفيديو حتى تقوم بالتمرير لأسفل الصفحة وتصبح مرئية. يمكنك القيام بذلك مع الصور أيضًا. إذا لم تستخدم WP Rocket ، يمكنك القيام بذلك باستخدام اضافة a3 Lazy Load.
إذا كنت تستخدم WP Rocket ، فقم بتمكين التحميل البطيء في إعدادات "Media":
استبدل اطار يوتيوب بصورة المعاينة - يؤدي هذا إلى تحميل مقاطع الفيديو فقط بمجرد قيام الناس بالنقر فوق زر التشغيل ، مما يحتمل أن يحل المحتوى بمقاطع الفيديو لعدة ثوان.
إذا كنت تستخدم خطوط جوجل ، فربما ترى أخطاء في GTmetrix:
هذا يعني أنك تحتاج إلى استضافة خطوط جوجل محلياً ، باستخدام مكون إضافي مثل CAOS For Webfonts:
إذا كنت تفضل عدم استخدام مكون إضافي ، فقم بتنزيل الخطوط الخاصة بك مباشرةً من Google Fonts (فقط الخطوط / الأوزان التي تحتاج إليها) ، واستخدم Transfonter لتحويلها إلى خطوط ويب ، ثم قم بإضافتها إلى CSS. بعد استضافة خطوط جوجل على السيرفر ستلاحظ زيادة سرعة موقع ووردبريس بشكل ملحوظ.
إذا كنت تستخدم Google Analytics ، فستحتاج إلى استضافة ذلك محليًا أيضًا:
إذا كنت تستخدم WP Rocket ، فإن تمكين Google Tracking في علامة التبويب اضافات يجب أن يصلح هذا:
أو استخدم المقال الخاص بي حول استضافة جوجل أناليتكس محلياً ، حيث قمت بتوضيح جميع الطرق الممكنة لذلك.
يستخدم معظم الناس Cloudflare أو Stackpath. ولكنني أستخدم كلاهما معاً!
أستفيد من خدمات الامان والسرعة الرائعة التي يقدمها كلاودفلير مجاناً + خدمات Stackpath المدفوعة في CDN عالي الجودة. بهذا حصلت على سرعة 100% في GTMetrix ووقت تحميل 0.5 ثانية على Pingdom.
هناك بعض الاختلافات الرئيسية بين الاثنين.
Cloudflare ضد Stackpath
Cloudflare مجاني ويحسن السرعة والأمان وحماية البريد العشوائي. يستضيف CDN ملفاتك على أكثر من 200 مركز بيانات حول العالم مما يساعد على تحميل الموارد إلى خوادمهم (تخفيف الحمل على استضافتك). تقلل مراكز البيانات أيضًا المسافة الجغرافية للمحتوى الخاص بك للسفر إلى الزوار. Cloudflare سهل الإعداد باستخدام WP Rocket (لقد قمت أيضًا بإدراج الطرق البديلة أدناه).
قم بالتسجيل في كلاودفلير بإتباع الشرح في مقالتنا السابقة: استخدم Cloudflare مع ووردبريس لزيادة سرعة تحميل موقعك و CDN و AMP والأمان بعد التسجيل في كلاودفلير إتبع الشرح في إدناه لضبط أفضل اعدادات التوافق بين WP Rocket و Cloudflare.
ضبط لوحة Cloudflare - إذا كنت تستخدم Cloudflare ، فقم بتسجيل الدخول إلى لوحة التحكم الخاصة بك. هناك بعض الأشياء التي ينبغي القيام بها لجعل كلاودفلير يسرع موقعك لأقصى حد.
قاعدة الصفحة1: تخزين كل شيء مؤقتًا وإجبار HTTPS - تخزين موقع الويب الخاص بك مؤقتًا بشكل قوي.
http://*yourwebsite.com/*
قاعدة الصفحة2: تأمين لوحة تحكم ووردبريس وإستبعاد الكاش للأدمن - يعيّن مستوى أمان المسؤول إلى مرتفع ويتجاوز ذاكرة التخزين المؤقت لـ Cloudflare في صفحات المسؤول ، نظرًا لأنك لا تريد تشغيل شبكات CDN (أو تطبيقات + ميزات الأداء مثل Rocket Loader) داخل المسؤول.
yourwebsite.com/wp-admin*
قاعدة الصفحة3: تقليل النطاق الترددي لعمليات تحميل WP - نظرًا لأن المحتوى الموجود في مجلد تحميلات WP لا يتغير بشكل متكرر ، فإن زيادة مدة بقاء ذاكرة التخزين المؤقت لـ Edge إلى شهر يمكن أن توفر على النطاق الترددي (الباندوث) ، نظرًا لأن ذاكرة التخزين المؤقت لمجلد WP Uploads لن يتم تحديثه كثيرًا.
yourwebsite.com/wp-content/uploads*
قم بوضع ال IP's الخاصة بـ Cloudflare في حساب الاستضافة الخاص بك - لا تريد أن تقوم استضافتك بحظر Cloudflare ، لذلك تأكد من قيامهم بإدراج جميع عناوين IP الخاصة بـ Cloudflare في القائمة البيضاء.
إعداد StackPath - أسهل طريقة لإعداد Stackpath هي باستخدام WP Rocket. إذا لم تكن تستخدم WP Rocket ، فستحتاج إلى التسجيل للحصول على حساب StackPath من خلال موقع الويب الخاص بهم ثم اتباع التعليمات لإنشاء موقع CDN. سيقومون بتعيين عنوان URL لـ CDN والذي تحتوي معظم مكونات ذاكرة التخزين المؤقت (بما في ذلك Autoptimize) على حقل له. أو استخدم اضافة CDN Enabler. من الجيد انني قمت بإنشاء فيديو لذلك:
يصف Hotlinking ببساطة ممارسة استخدام الصور في المحتوى الخاص بك والتي لا يتم استضافتها على موقعك. بدلاً من تحميل صورة إلى موقعك ثم تضمينها من مكتبة الوسائط الخاصة بك ، فإنك تقدم رابطًا إلى موقع آخر يتم تحميل الصورة منه.
إذا أصبح المحتوى الخاص بك شائعًا ، فقد يحدث هذا لك أيضًا. المشكلة: إنها تنتزع من عرض النطاق الترددي الخاص بك لأن خادمك يجب أن يعمل على إيصال الصورة إلى موقع آخر ولن تحصل على أي شيء منه فيما يتعلق بحركة المرور.
لإيقاف حدوث hotlinking ، يمكن لمستخدمي Cloudflare استخدام Scrapeshield. كما يضهر في الصورة أدناه:
هل حذفت اضافة Hello Dolly و WordPress Importer؟ ماذا عن استبدال المكون الإضافي لـ Twitter بأداة Twitter أو المكون الإضافي لـ Facebook بأداة Facebook؟ بدلاً من استخدام مكوّن إضافي لبرنامج Google Analytics ، لماذا لا تُدرج شفرة التتبع مباشرةً في التذييل (أو الأفضل ، استضافته محليًا)؟ ينشئ Yoast ملف Sitemap بتنسيق XML لك ، لذا فإن المكون الإضافي لملفات Sitemap من Google XML ليس ضروريًا. استعرض الإضافات وقم بإلغاء / حذف المكونات التي لا تحتاج إليها. يجب أيضًا تجنب استخدام مكونين إضافيين منفصلين إذا كان لديهم وظائف مكررة. هذا سيساعد في تسريع موقع ووردبريس بشكل ملحوظ.
تشتمل معظم الإضافات البطيئة على المشاركة الاجتماعية ، والسلايدر ، ومُنشئي الصفحات ، والمقالات ذات الصلة ، والإحصائيات ، والدردشة الحية ، والمكونات الإضافية التي تقوم بإجراء عمليات مسح / عمليات مستمرة أو تظهر عدة مرات في تقرير GTmetrix.
يتضمن ذلك Google Fonts أو Analytics أو Maps أو AdSense أو Tag Manager أو مقاطع الفيديو المضمنة أو أدوات الوسائط الاجتماعية أو Facebook Pixel أو Gravatars أو حتى الأزرار من المكوّن الإضافي للمشاركة الاجتماعية. يمكن تحسين بعضها بحيث لا يكون لها أي تأثير على GTmetrix بينما يكون AdSense / Tag Manager أصعب.
تشتهر خرائط Google بأنها تسبب أوقات تحميل بطيئة ، وعند إضافتها في الفوتر ، سيتم تحميلها على كل صفحة / مقالة على موقع الويب الخاص بك. لمَ لا مجرد استخدامها على صفحة الاتصال الخاصة بك؟
جوجل أدسنس والشبكات الإعلانية الأخرى عادة ما تبطئ موقعك (بشكل هائل) لأنها تقدم طلبات إلى خوادم أخرى لعرض تلك الإعلانات. وإذا لم يتم تحسين هذه الخوادم للتحميل السريع ، فسوف تدمر وقت التحميل وتقرير GTmetrix. يمكنك تقليل كمية الإعلانات والتأكد من وجود معلنين على خوادم سريعة ، ولكن ربما لا يزال بإمكانك رؤية المشكلات في GTmetrix.
الخطوة 1: تعرف على طلبات الطرف الثالث التي تؤدي إلى إبطاء موقعك
انظر إلى reduce DNS lookups في GTmetrix YSlow أو استخدام third party usage في PageSpeed Insights.
نطاقات الطرف الثالث الشائعة المأخوذة من 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 في إعدادات التحميل المسبق:
الخطوة 3: استخدم WP Rocket لتأخير تحميلها
منذ الإصدار 3.7 لإضافة WPRocket ، تم إضافة هذه الميزة الرائعة التي تعمل على تأخير تحميل JavaScript حتى قيام المستخدم بالتفاعل مع الصفحة. إنها الطريقة الوحيدة التي تسمح لي بعرض Gravatars دون أن يؤثر ذلك على تقرير GTmetrix الخاص بي ، ولكن يمكن القيام بذلك أيضًا مع طلبات الجهات الخارجية الأخرى. فقط أدخل الكلمة الرئيسية للبرنامج النصي في WP Rocket (على سبيل المثال ، discuz).
هناك إضافة اخرى رائعة جداً للقيام بتأخير تحميل ملفات JS وهي مجانية بالكامل. هي إضافة Flying Scripts ، أوصي أيضًا بالتحقق من المكونات الإضافية للسرعة من Gijo.
إذا كنت تستخدم بيكسلات فيسبوك في موقعك فسيكون لذلك تأثير كبير في بطئ موقعك. استخدم المكوّن الإضافي Pixel Caffeine و استضف Facebook Pixel محليًا في WP Rocket.
قام WP Rocket بإجراء اختبار على أسرع اضافات المشاركة الاجتماعية.
تم تصنيف المكون الإضافي Grow by Mediavine او (Social Pug) كأول مكون إضافي للمشاركة الاجتماعية. تبدو الأزرار جميلة ، ويمكن تحميلها قبل المحتوى وبعده ، ولديها خيارات لـ Facebook و Twitter و Pinterest و LinkedIn والبريد الإلكتروني والطباعة. يمكنك أيضًا عمل شريط عائم.
يستغرق Gravatars وقتًا طويلاً للتحميل خاصةً إذا كان لديك الكثير من تعليقات المدونة (حاول تشغيل مقال مع تعليقات من خلال GTmetrix وسترى مدى سوء الأمر). لديك بعض الخيارات:
محركات البحث والبوتات عادة ما تستهلك معظم وحدة المعالجة المركزية / عرض النطاق الترددي...
Googlebot هو عادة أكثر برامج الروبوت المتعطشة للموارد. في إعدادات موقع Google Search Console ، يمكنك الحد من معدل الزحف ، لكن يوصى بهذا فقط إذا كان يسبب ارتفاع وحدة المعالجة المركزية (CPU).
يمكنك فعل الشيء نفسه في إعدادات التحكم في الزحف الخاصة بـ Bing Webmaster Tools …
يحمي المكون الإضافي Block Bad Queries موقعك أيضًا من برامج الروبوت السيئة المعروفة. إنه مكوّن إضافي بنقرة واحدة مع مراجعة 5 نجوم مثالية - طريقة سهلة لتقليل وحدة المعالجة المركزية من الروبوتات العشوائية.
Perfmatters (من Kinsta) هو البرنامج المساعد النهائي لإزالة المزايا غير الضرورية في ووردبريس.
تتضمن صفحة الميزات أوصافًا لما يفعله كل عنصر ، ولكنها تزيل ميزات WordPress غير الضرورية التي ربما لا تحتاجها. حتى أنه يحتوي على خيارات لتحسين شفرة تتبع Google Analytics و WooCommerce والجلب المسبق + الاتصال والتحكم في ضربات القلب.
احذف المكونات الإضافية والقوالب غير المستخدمة - يجب حذف أي مكونات إضافية / قوالب لا تستخدمها.
يتيح لك مدير البرنامج النصي Perfmatters (الإصدار المميز) و Clearfy (المجاني) تعطيل الإضافات / البرامج النصية من العمل على صفحات / مقالات محددة. يتم تحميل بعض المكونات الإضافية عبر موقعك بالكامل (حتى على المحتوى الذي لا يتم استخدامها فيه) ، لذلك من الأفضل تعطيلها عندما يكون الأمر كذلك.
أمثلة:
هناك أيضًا خيار Regex للتحكم بشكل أفضل في مكان تحميل المكونات الإضافية.
من المهم جداً حذف مايمكن حذفه من ملفات JavaScript و CSS غير المستخدمة والتي يتم تحميلها في صفحات موقعك. تضيف هذه الملفات الغير ضرورية حجم اضافي لصفحاتك و تؤخر عرض محتوى موقعك الأصلي.
يمكنك إستخدام إضافة Perfmatters (مدفوعة) من Kinsta للقيام بذلك ، أو إستخدام إضافة Clearfy المجانية كما قمت بشرحه في الفيديو ادناه:
إذا كانت لديك أخطاء إعادة التوجيه في تقرير GTmetrix لموقعك ، عادةً ما يعني أنك غيرت نسخة www أو http من موقع الويب الخاص بك ولكنك لم تغير روابطك / صورك لتعكس هذا. جرِّب استخدام المكوّن الإضافي Better Search & Replace لإصلاحها جملةً.
يمكن أيضًا أن تتسبب البرامج النصية للجهات الخارجية والمكونات الإضافية سيئة البرمجة في حدوث أخطاء في إعادة التوجيه في GTmetrix. يعتمد الحل تمامًا على الإضافات والنصوص البرمجية الخاصة بالجهات الخارجية التي تستخدمها على الموقع.
تتطلب WooCommerce و WPML حدًا للذاكرة يبلغ 256 ميجا بايت ، ولكن يجب أن تستخدم 256 ميجا بايت بالفعل بغض النظر عن نوع موقع WordPress الذي تقوم بتشغيله. لدى بعض الاستضافات خيار زيادته في لوحة المعلومات الخاصة بهم ، أو قم بتحرير ملف wp-config.php الخاص بك وإضافة الكود أدناه.
define('WP_MEMORY_LIMIT', '256M');
قم بعمل نسخة احتياطية من ملف 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 );
}
بعد كل شيء ، موقع ووردبريس ليس سوى عدد من الملفات. يعمل الضغط بشكل أفضل مع البيانات المتكررة والرمز كثير التكرار. لذلك ، تعتبر ملفات موقع الويب مرشحة مثالية للضغط.
القيام بذلك يجعلها أصغر وبالتالي أسرع في التنزيل. بالإضافة إلى ذلك ، يمكن لجميع المتصفحات الحديثة تفسير الملفات المضغوطة مما يجعل هذا المقياس خيارًا ممتازًا في تسريع موقع ووردبريس.
إن كنت تنستخدم اضافة 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 الجديدة + أوقات التحميل لموقعك في التعليقات 🙂