شرح إعدادات WP Rocket المثالية مع Cloudflare و CDN في 2021 (افضل اضافة كاش)

هل أنت جاهز لتكوين أفضل إعدادات اضافة WP Rocket؟

تم تصنيف WP Rocket على أنها أفضل اضافة للتخزين المؤقت (الكاش) في العديد من استطلاعات الرأي على فيسبوك لأنها تأتي بميزات سرعة أكثر من معظم اضافات التخزين المؤقت الأخرى. هذا هو السبب في أنه عادة ما يمنحك نتائج أفضل في Lighthouse و GTmetrix. وهذا يعني أيضًا أنك لست بحاجة إلى تثبيت مجموعة من المكونات الإضافية الزائدة لتحميل الخطوط مسبقًا (Preload Fonts) وتنظيف قاعدة البيانات وتعطيل Heartbeat وتأخير JavaScript.

يتجاوز هذا الدليل شرح WP Rocket وتكوين الاعدادات. أشرح كيف أن تعطيل "تحسين تحميل ملفات CSS" يمكن أن يصلح مشكلات متغيرات التصميم التراكمية (CLS)، وكيفية الجلب المسبق لطلبات DNS الخارجية، وتأخير تنفيذ جافا سكريبت، والتحميل المسبق للخطوط، ولماذا أوصي بـ Cloudflare أو BunnyCDN ولا أوصي ب RocketCDN.

أنا أستخدم WP Rocket مع Cloudways DigitalOcean Premium الذي أعطاني أوقات تحميل ممتازة في GTmetrix و TTFB يبلغ حوالي 60 مللي ثانية. لا تتردد في النقر فوق مشاركات مدونتي لمعرفة مدى سرعة تحميلها.

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

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

إذا لم تكن قد اشتريت اضافة WP Rocket بعد، فسأكون ممتنًا لك باستخدام رابط الإحالة الخاص بي. كما أنني أستخدم هذه العمولات في استمرار تشغيل مدونتي. يمكنك الحصول على خصم 10% بالانتقال إلى صفحة القسائم الخاصة بهم، والاشتراك في قائمة بريدهم الإلكتروني، وسيقومون بإرسال قسيمة عبر البريد الإلكتروني.

حظا سعيداً - تذكر أن تقيس هذه النتائج في PageSpeed Insights!

شرح WP Rocket الإعدادات المثالية في 2021

1. لوحة التحكم

اترك خيار تحليلات الاضافة في وضع إيقاف التشغيل إلا إذا كنت تريد السماح لإضافة WP Rocket بجمع بياناتك بشكل مجهول مما يؤدي إلى انخفاض (صغير جدًا) في الأداء. أوصي بـ BunnyCDN أو Cloudflare بدلاً من RocketCDN/StackPath (موضح في قسم CDN). يمكنك مسح ذاكرة التخزين المؤقت أو إعادة إنشاء Critical CSS إذا أجريت تغييرات على التصميم/الاضافة.

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

2. التخزين المؤقت

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

تعد هذه إعدادات ذاكرة تخزين مؤقت جيدة طالما أنك لا تستخدم اضافة لصفحات الجوال (مثل AMP) ولا تسمح لعدة مستخدمين بتسجيل الدخول إلى موقعك (مثل bbPress). لقد قمت بزيادة العمر الافتراضي لملفات التخزين المؤقت من 10 إلى 24 حتى لا تضطر ذاكرة التخزين المؤقت إلى التحديث كثيرًا مما يوفر القليل من موارد الخادم.

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

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

Specify Time After Which The Global Cache Is Cleared - اتركه هو الافتراضي. يعني الرقم الأقل أن ذاكرة التخزين المؤقت سيتم تحديثها بشكل متكرر، ولكنها تستهلك المزيد من الموارد. فيما يعني عمر ذاكرة التخزين المؤقت الأعلى أنه لن يتم تحديث ملف الكاش بشكل متكرر، ولكنه يحفظ الموارد. يعتمد ذلك كذلك على مدة نشرك للمقالات ففي حال كنت تنشر مقال واحد كل يومين، فأختر مدة 24 ساعة وهكذا.

3. تحسين الملفات

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

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

Combine Files - ما إذا كان يجب عليك دمج ملفات CSS و JavaScript أمر قابل للنقاش. من ناحية، قد يؤدي ذلك إلى تحسين نتائج Lighthouse. من ناحية أخرى، يمكن أن يؤدي في الواقع إلى إبطاء أو تعطل موقعك. في النقيب للمعلوماتية، نحن نوصي بعدم دمج ملفات JavaScripts لكل المواقع وذلك لأن دمج JS يسبب دائماً ارتفاع في وقت استجابة الخادم TTFB وابطاء موقعك.

استثناء ملفات CSS + JS - إذا كان خيار التصغير يسبب مشكلة في مضهر موقعك لسبب ما، حدد موقع الملف المسبب للمشكل وأضفه هنا. انظر شرح WP Rocket حول حل المشكلات في التصغير.

تحسين تحميل ملفات CSS - سيبدأ تحميل صفحتك بدون أنماط CSS. يقوم WP Rocket بإنشاء هذا تلقائيًا نيابةً عنك، ولكن في كثير من الأحيان، لا يعمل بشكل صحيح أو قد يتسبب في حدوث مشكلات في CLS (متغيرات التصميم التراكمية). اتبع هذه الخطوات للتأكد من أنها تعمل بشكل صحيح، واختبر النتائج باستخدام هذا الإعداد وإيقاف تشغيله لمعرفة ما إذا كان له تأثير إيجابي.

• تفعيل تحسين تحميل ملفات CSS.
• قم بمسح موقع الويب الخاص بك باستخدام PurifyCSS.
• قم بتنزيل CSS المجمعة والمنقّاة والمصغّرة.
• الصق الكود في اضافة WP Rocket حقل (Fallback critical CSS).
• استبعاد الملفات ذات المشكلات من تحسين تحميل CSS باستخدام الإضافة المساعدة ل WP Rocket.

Remove Unused CSS (Beta) - يقدم الإصدار الجديد من WP Rocket 3.9 ميزة إزالة ملفات CSS غير المستخدمة تلقائياً. إزالة CSS غير المستخدمة هي ميزة تجريبية. تقوم بإزالة جميع CSS غير المستخدمة من الصفحة، مما يقلل من حجم الصفحة ويقلل من عدد طلبات HTTP.

يجب أن يؤدي تمكين ميزة Remove Unused CSS إلى مكاسب في الأداء على مستويات مختلفة:

• سيؤدي ذلك إلى تقليل الحجم الكلي للصفحة (لأن حجم وعدد الملفات التي يتم تحميلها بواسطة المتصفح سيكون أصغر)
• سيقلل من عدد ملفات CSS المراد تحميلها (تقليل طلبات HTTP)
• تقليل وقت تحميل الصفحة (إذا كانت المتصفحات بها عدد أقل من CSS للقراءة، فسيكون الوقت الإجمالي الذي يستغرقه عرض الصفحة أقل).
• يجب أن يكون له تأثير إيجابي كبير على مقاييس مؤشرات أداء الويب الأساسية Largest Contentful Paint (LCP) وتأخر الإدخال الأول (FID).

عملية إنشاء ملفات CSS المستخدمة ليست فورية وقد تستغرق بضع دقائق (ما يصل ل 20 دقيقة). أثناء معالجة CSS، سترى شريط تقدم.

عند اكتمال العملية، سترى رسالة تأكيد:

CSS safelist - يمكنك إدخال ملفات CSS (أو فئات CSS أو المعرفات) التي لا تريد إزالتها. مفيد في حال كان هناك بعض ملفات CSS الضرورية والتي يتم حذفها بواسطة هذه الميزة. يمكنك إستبعاد ملف كامل او CSS Class أو ID بشكل بسيط جداً.

Load JavaScript Deferred - يقوم بتحميل JavaScript بعد انتهاء تحليل الصفحة. إنها إحدى أفضل الطرق للتخلص من موارد حظر العرض (في PSI).

Delay JavaScript Execution - يؤخر تحميل JavaScript حتى تفاعل المستخدم (مثل التمرير أو لمس الشاشة على الهاتف المحمول). قللت هذه الميزة وحدها وقت تحميل مدونتي بحوالي 3 ثوانٍ على كل مقالة عن طريق تأخير التعليقات و Gravatars و أناليتكس.

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

• لمنع مشكلات التوافق، ستتضمن قائمة الاستبعاد بالفعل ملفات داخلية من مجلدات wp-include و wp-content، مما يعني أنه لن يتم تأخير هذه الملفات. في الواقع، يتم استخدام بعض ملفات JavaScript للمحتوى المتحرك في الجزء العلوي من الصفحة (على سبيل المثال، السلايدر والمعارض). إذا قمت بتأخير هذه الملفات، فلن يظهر المحتوى أثناء العرض الأولي للصفحة.

(?:/wp-content|/wp-includes/)(.*)
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
js-(before|after)

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

تعرف على المزيد حول ميزة تأخير JavaScript الجديدة من خلال قراءة شرح WP Rocket الرسمي.

بينما يقوم WP Rocket بتأخير التحميل حتى تفاعل المستخدم، فإن Flying Scripts مشابه ولكنه ينشئ فترة مهلة (بالثواني) حتى يتم تحميل JavaScript. يمكنك اختبار كل منها بنفسك. يتطلب الأمر بعض الاختبارات، لكن تأخير ملفات JavaScript الثقيلة مثل التعليقات أو Gravatars أو أزرار المشاركة يمكن أن يحسن وقت التحميل بشكل كبير.

يجب أن يكون لتأخير ملفات JavaScript هذا تأثير مباشر على مقياسي مؤشرات أداء الويب الأساسية (Core Web Vitals) المذكورين: LCP (أداء التحميل) و FID (التفاعلية) فيما يتعلق بتوصيات Google حول "الحد من محتوى JavaScript غير المستخدم" - "استبعاد موارد حظر العرض" و "تقليل تنفيذ JavaScript"

Media .4

قم بتمكين كل شيء باستثناء التخزين المؤقت لـ WebP. إذا كنت تستخدم اضافة WebP أو خدمة خارجية لعرض الصور بصيغة WebP، مثل Bunny Optimizer أو Cloudflare Polish، فسيعرض بشكل عام صور WebP بالفعل. إذا قمت بتضمين مقاطع فيديو يوتيوب، فإن استبدال إطارات iframe بصورة معاينة يمكن أن يؤدي غالبًا إلى تقليل أوقات تحميل الفيديو إلى النصف نظرًا لأنها عنصر كبير جدًا.

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

Add Missing Image Dimensions - سيضيف WP Rocket خصائص العرض والارتفاع المفقودة إلى صور HTML والتي يجب أن تحدد "use explicit width and height on image elements" في Lighthouse.

التضمين (Embeds) - يعرف أيضاً في Cloudflare بإسم "hotlink protection"، يمنع هذا المواقع من تضمين المحتوى الخاص بك على موقع الويب الخاص بالآخرين مما يمتص عرض النطاق الترددي ويجعل موقعك أبطأ.

WebP Caching - اتركه معطل. لا يقوم WP Rocket بإنشاء صور WebP (يمكن أن يعرضها فقط) وفي هذه الحالة ستفعل اضافة WebP هذا بالفعل. سيؤدي استخدام صور WebP إلى إصلاح مشكلة عرض الصور بتنسيقات الجيل القادم في Lighthouse. يمكن إنشاؤها باستخدام مكونات إضافية مثل ShortPixel أو WebP Converter For Media. أنا أستخدم BunnyCDN لضغط وتحويل صور موقعي إلى صيغة WebP.

5. التحميل المسبق

قم بتنشيط التحميل المسبق، ثم التحميل المسبق للروابط (preload links) التي تقوم بتحميل الصفحة في الخلفية عندما يحوم المستخدمون فوق أحد الروابط. تعد ميزة الجلب المسبق لنظام أسماء النطاقات والتحميل المسبق للخطوط أنواعًا من تلميحات موارد المستعرض. يتم إجراء الجلب المسبق باستخدام العناصر الموجودة في تقليل تأثير رمز الجهات الخارجية في تقرير Lighthouse. يمكن إجراء التحميل المسبق للخطوط التي يمكنك العثور عليها في مخطط GTmetrix Waterfall الخاص بك.

التحميل المسبق - يطلب من المتصفحات أن تبدأ في جلب الموارد التي ستكون مطلوبة قريبًا.

Preload Links - وفقًا لمقالة WP Rocket ، فإنه إذا قام المستخدم بالتمرير فوق ارتباط أو لمسه لمدة 100 مللي ثانية أو أكثر، فسيتم جلب HTML لتلك الصفحة في الخلفية، بحيث عندما ينقرون بالفعل على الرابط، ستظهر الصفحة وكأنها يتم تحميلها على الفور تقريبًا.

Prefetch DNS Requests - انظر إلى تقرير رمز الجهة الخارجية في Lighthouse. يمكن أن تكون هذه خطوط جوجل أو Tag Manager أو AdSense أو YouTube أو حتى أزرار Facebook/Twitter أو الودجات.

احصل على كل عناوين URL هذه من تقريرك والصقها في قسم Prefetch DNS Requests في اضافة WP Rocket. سيساعد هذا المتصفحات على توقع تلك الطلبات الخارجية وتحميلها بشكل أسرع.

أو استخدم قائمة المجالات الشائعة هذه للجلب المسبق كمرجع:

//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

Preload Fonts - انسخ ملفات الخطوط من GTmetrix Waterfall (لديهم علامة تبويب لملفات الخطوط) والصقها في حقل خطوط التحميل المسبق في اضافة WP Rocket. أعد اختبار موقع الويب الخاص بك ويجب أن يتم تحميله بشكل أسرع.

Preload your largest contentful paint image - لا يسمح لك WP Rocket بالتحميل المسبق لملفات أخرى (قد ترى توصية في PSI لتحميل أول صورة مسبقًا). للقيام بذلك، يمكنك إضافة الكود التالي إلى الهيدر أو استخدام Pre* Party Resource Hints أو Perfmatters.

<link rel='preload' href='https://nakib4tech.com/wp-content/uploads/2021/05/white-brand-logo.svg' as='image'>

ماذا عن preconnect؟ - يقوم WP Rocket بعمل Preconnect تلقائيًا لعنوان CDN (في حقل CNAME لإعدادات CDN) و fonts.gstatic.com إذا كنت تستخدم خطوط Google. لا يسمح لك WP Rocket بإضافة مجالات أخرى للاتصال المسبق (يجب استخدامها بشكل مقتصد على أي حال)، ولكن إذا كنت تريد استخدام الاتصال المسبق لإنشاء اتصالات مبكرة بمواقع أخرى تابعة لجهات خارجية، فاستخدم Pre* Party Resource Hints أو Perfmatters أو أضف هذا الرمز إلى الهيدر.

<link rel="preconnect" href="https://domain.com">

6. الاعدادات المتقدمة

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

خلاف ذلك، اترك هذا فارغًا.

Never Cache URLs - إذا كنت تستخدم عربة تسوق للتجارة الإلكترونية غير مدعومة من اضافة WP Rocket، فقم بإضافة صفحات عربة التسوق والدفع هنا والتي ستستبعد هذه الصفحات من الكاش.

Never Cache Cookies - نفس مبدأ الخيار السابق والذي يعتمد فقط على ملفات تعريف الارتباط.

Never Cache User Agents - منع Googlebot أو وكلاء المستخدم الآخرين من تخزين الصفحات في ذاكرة التخزين المؤقت.

Always Purge URLs - لنفترض أن لديك قائمة مقالات على صفحتك الرئيسية. إذا قمت بإنشاء مقال جديد، فأنت تريد تحديث قائمة المقالات بالصفحة الرئيسية على الفور عن طريق إفراغ ذاكرة التخزين المؤقت للصفحة الرئيسية. هذا ما يفعله هذا الإعداد، ومع ذلك، يقوم WP Rocket تلقائيًا بمسح ذاكرة التخزين المؤقت لصفحتك الرئيسية والفئات والعلامات بمجرد إنشاء محتوى جديد… لذلك لا داعي لهذا عادةً. ولكن إذا كانت هناك ذاكرة تخزين مؤقت لصفحة أخرى تريد مسحها عند نشر محتوى جديد، فأضفها.

Cache Query Strings - تُستخدم بشكل أساسي لتخزين صفحات نتائج البحث + عوامل تصفية الأسعار في التجارة الإلكترونية.

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

تعمل جدولة عمليات تنظيف قاعدة البيانات على إبقاء موقعك سريعًا، ما عليك سوى معرفة ما تريد حذفه!

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

احذف جداول الإضافات غير المستخدمة (ليس مع WP Rocket) - هناك شيء واحد لا يفعله WP Rocket هو السماح لك بالاطلاع على جداول قاعدة البيانات الفردية وحذف الجداول التي خلفتها الإضافات القديمة التي لم تعد مثبتة. أوصي بتثبيت WP-Optimize وتصفح الجداول الخاصة بك بين الحين والآخر، خاصة إذا قمت بحذف الاضافات (بالإضافة إلى أنها تظهر لك الحجم الفعلي للجداول). الجداول التي تقول "غير مثبتة" هي تلك التي تركتها المكونات الإضافية القديمة غير المثبتة.

8. شبكة توصيل المحتوى CDN

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

ما هي أفضل شبكة CDN؟

• BunnyCDN - موصى به بشدة في مجموعات متعددة على فيسبوك. يستخدم CDN عالي الأداء. تتطلب التعليمات إنشاء pull zone ثم نسخ/لصق عنوان CDN في اضافة WP Rocket. أو فقط استخدم اضافة BunnyCDN.
• Cloudflare - مجاني، ولكن ليس CDN حقيقيًا لأن Cloudflare لا يقدم الملفات الثابتة من رابط CDN مخصص. رائع للمواقع الصغيرة، ولكن هناك شبكات CDN ذات أداء أعلى. حتى كتابة هذا المقال، لا يعمل APO الخاص بهم مع اضافة WP Rocket. تأكد من إضافة قاعدة صفحة Cache Everything، وتمكين WAF، وحماية Hotlinking، وتعيين انتهاء صلاحية ذاكرة التخزين المؤقت للمتصفح على عام واحد.
• RocketCDN - شبكة CDN مدفوعة، أسهل في الإعداد من خلال WP Rocket، تستخدم مراكز بيانات StackPath، لكن RocketCDN لا تعمل دائمًا بشكل جيد ويمكنها بالفعل زيادة TTFB.
• تحقق من مراكز البيانات الخاصة بهم - تمتلك شبكات CDN مراكز بيانات في جميع أنحاء العالم. إذا كان لدى أحدهم مراكز بيانات مركزة بشكل كبير في المنطقة التي تريدها، فهذا شيء يستحق التفكير فيه.

علامة التبويب CDN مخصصة لـ RocketCDN و BunnyCDN و شبكات CDN التي تستخدم عنوان URL لـ CDN. إنه ليس لكلاود فلير الذي يتطلب تغيير خوادم الأسماء ثم استخدام علامة التبويب Cloudflare.

إليك كيفية إعداد شبكة BunnyCDN + Bunny Optimizer مع WP Rocket من خلال هذا الفيديو:

بعد التسجيل في شبكة CDN، الصق عنوان URL لـ CDN في حقل CDN CNAME الخاص بـ WP Rocket.

• Exclude Files From CDN - يتيح لك عرض الملفات محليًا بدلاً من CDN. عادة، تأتي هذه الملفات من المكونات الإضافية المصممة لتجاهل تحميل النطاق. في معظم الحالات، ليست هناك حاجة لإستبعاد أي شيء.

Heartbeat .9

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

10. اضافات

إذا كنت تستخدم أيًا من هذه الخدمات، فعليك تنشيطها كميزة إضافية.

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

Cloudflare - فعلهُ إذا كنت تستخدم كلاود فلير.

Sucuri Cache - مكنها في حالة استخدامك Sucuri. يؤدي هذا تلقائيًا إلى مسح ذاكرة التخزين المؤقت لـ Sucuri عندما تمسح ذاكرة التخزين المؤقت لـ WP Rocket مما يساعد في الحفاظ على مزامنة المحتوى الخاص بك. بالنسبة لمفتاح API لجدار حماية Sucuri، قم بتسجيل الدخول إلى Sucuri هنا ، وحدد موقع الويب الخاص بك، وانتقل إلى علامة التبويب API، ثم انسخ مفتاح واجهة برمجة التطبيقات (For Plugin) والصقه في اضافة WP Rocket عند توسيع حقل Sucuri.

11. Cloudflare

هذا القسم فقط إذا كنت تستخدم Cloudflare بدلاً من CDN آخر.

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

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

بعد قيامك بالتسجيل أضف معلومات كلاود فلير إلى WP Rocket.

يمكنك العثور على مفتاح API العام و Zone ID في لوحة معلومات Cloudflare.

• Global API Key - موجود في لوحة معلومات Cloudflare.
• البريد الإلكتروني للحساب - نفس البريد الإلكتروني الذي استخدمته للتسجيل في Cloudflare.
• Zone ID - موجود في لوحة معلومات Cloudflare.
• Optimal Settings - ينشط إعدادات Cloudflare المثلى: التصغير والتخزين المؤقت القوي وإلغاء تنشيط Rocket Loader لتحقيق توافق أفضل.
• Relative Protocol - في بعض الأحيان إذا قام الأشخاص بتنزيل الملفات من موقعك ، فلا توجد محتويات فيها. سيؤدي ترك هذا الخيار "إيقاف" إلى منع حدوث ذلك.
• امسح جميع ملفات Cloudflare Cache - افعل ذلك بعد الانتهاء من إعدادات WP Rocket.

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

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

قاعدة الصفحة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 في القائمة البيضاء.

12. Image Optimization

يوصي WP Rocket بـ Imagify لأنه المكون الإضافي الخاص بهم.

ولكن حتى عند تحديد ضغط lossless، فهو بالتأكيد ليس lossless ولا حتى ShortPixel أيضًا. لقد استخدمت كلاهما لعدة أشهر وتحولت إلى Bunny Optimizer الذي أنا سعيد جدًا به.

13. أدوات

قم باستيراد أو تصدير إعدادات WP Rocket، أو التراجع إلى الإصدار السابق.

إستخراج الاعدادات - تصدير إعداداتك لاستخدامها في مواقع متعددة.

استيراد الإعدادات - استيراد الإعدادات التي تم تكوينها مسبقًا هنا.

الاستعادة - إذا قمت بالتحديث إلى إصدار جديد من اضافة WP Rocket وتسبب في حدوث مشكلات، فسيعيدك ذلك إلى الإصدار السابق.

14. فيديو تعليمي: شرح WP Rocket مع Cloudflare وشبكات CDN

اضافة WP Rocket = الاضافة #1 في كل الإستطلاعات

تحقق من استطلاعات الرأي على فيسبوك وعادةً ما يتم تصنيف اضافة WP Rocket كأفضل اضافة للتخزين المؤقت في ووردبريس.

يأتي WP Rocket بالعديد من الميزات التي لا تتوفر في معظم اضافات التخزين المؤقت (انظر أدناه). هذا يعني أنه إذا كنت ستستخدم مكونات إضافية للتخزين المؤقت، فستحتاج إلى تثبيت حوالي 5-10 اضافات للحصول على هذه الميزات بينما يكون WP Rocket مدمجًا بها بالفعل (المزيد من الميزات، ولكن مكونات اضافية أقل على موقعك). وهذا هو السبب أيضًا في أن اضافة WP Rocket تحقق نتائج أفضل في Lighthouse/GTmetrix وهذا ما أستخدمه.

يشمل WP Rocket:

• تنظيف قاعدة البيانات - أو استخدم WP-Optimize
• تحسين ملفات CSS/JS - أو استخدم Autoptimize
• تأخير JavaScripts - أو استخدم Flying Scripts
• التحميل المسبق للروابط/الصفحات الفورية - أو استخدم Perfmatters / Flying Pages
• التحكم في Heartbeat - أو استخدم Heartbeat control
• التحميل الكسول للصور/الفيديو - أو استخدام WP YouTube Lyte
• Prefetch/preload - أو استخدم Pre* Party Resource Hints
• التوافق مع Cloudflare أو اي شبكة CDN أخرى - أو استخدام CDN Enabler
• Font-display:swap - أو استخدم Swap Google Fonts Display

الإستضافة التي أوصي بها للسرعة: Cloudways

يخفق فحص Lighthouse الخاص بك عندما يتجاوز TTFB (وقت استجابة الخادم) 600ms.

إذا كان لديك TTFB بطيئًا، فقم بالانضمام إلى مجموعة WordPress Hosting (WP Speed ​​Matters جيدة أيضًا) للحصول على تعليقات غير متحيزة لأن معظم توصيات الاستضافة هي بصراحة هراء.

أنا أستخدم Cloudways الذي هو رقم 1 في أحدث استطلاعات الرأي على فيسبوك و TTFB الخاص بي دائمًا أقل من 150ms. أنا حاليًا أستخدم خطة Cloudways DigitalOcean Premium ، لكن Vultr High Frequency هو خيار سريع أيضاً، و DigitalOcean جيدة أيضًا. إنها تتراوح بين 10$ إلى 13$ في الشهر، لكننا نتحدث عن استضافة سحابية سريعة، وليس استضافة رخيصة مع TTFB بطيئ.

بدلاً من قراءة المراجعات المتحيزة، أشجعك على إجراء البحث الخاص بك. انضم إلى مجموعات فيسبوك وانظر إلى استطلاعات الرأي ونتائج الترحيل والمحادثات حول "أفضل استضافة" (كما هو موضح أدناه). تحقق من Backlinko PageSpeed ​​Test حيث وجد أن SiteGround بها TTFB بطيئًا جداً. أنت تعرف بالفعل أن العلامات التجارية GoDaddy و EIG (Bluehost + HostGator) ليست اختيارات جيدة. ذهب WP Engine إلى أسفل المنحدر، وكتب Hostinger تقييمات مزيفة، و NameCheap مخصص بشكل أساسي للمجالات.

تُظهر استطلاعات الرأي الأخيرة على Facebook أن العديد من الأشخاص يبتعدون عن الاستضافات ذات الجودة المنخفضة إلى Cloudways و LiteSpeed ​​و Kinsta و GridPane و A2 Hosting.

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

لقد قمت بالترحيل من SiteGround إلى Cloudways وإليك ما الذي حصل:

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

أسئلة يتكرر طرحها

إذاً… كيف هي نتائج Gtmetrix/Lighthouse الآن؟ اسمحوا لي أن أعرف في التعليقات أو أخبرني إذا كنت عالقًا. لقد اشتريت أيضًا مكوّنًا إضافيًا متميزًا حيث يقدمون الدعم، لذلك يمكنك استخدام ذلك لمصلحتك أيضًا، أو أنظر الى وثائقهم.

شاهد أيضاً: كيف قمت بتسريع موقعي البطيء إلى 100% في GTmetrix و PageSpeed Insights

إذا وجدت أن شرح WP Rocket هذا مفيداً، فستكون المشاركة دائمًا موضع تقدير 🙂