تعد Google PageSpeed Insights واحدة من عدة أدوات مفيدة لقياس أداء موقع الويب. ومع ذلك ، فإن بعض اقتراحاته – مثل تحذير “Leverage Browser Caching” – قد تكون مربكة لأصحاب المواقع عديمي الخبرة.
عندما تقوم بتفكيكها ، فإن التخزين المؤقت ليس من الصعب فهمه. من خلال بعض التعديلات ، يمكنك تنفيذ أفضل ممارسات التطوير هذه على موقعك لتقليل أوقات التحميل وتحسين نقاط PageSpeed الخاصة بك.
في هذا المنشور ، سنبدأ الأمور بمقدمة لتحذير Leverage Browser Caching. ثم سنشارك عدة نصائح لإصلاح هذه المشكلة على موقع وورد بريس الخاص بك.
لفهم تحذير Leverage Browser Caching ، من المفيد أن تعرف أولاً القليل عن Google PageSpeed Insights. إذا كنت جديدًا على النظام الأساسي ، نوصي بقراءة دليلنا الكامل ، Google PageSpeed Insights: Scoring 100/100 With وورد بريس .
يعد تحذير Leverage Browser Caching أحد “التشخيصات” العديدة التي يستخدمها Google PageSpeed للرجوع كاقتراح لتحسين درجاتك مثل ما يلي:
الاستفادة من التخزين المؤقت للمستعرض Pagespeed Insights
استفد من تحذير التخزين المؤقت للمتصفح في Google PageSpeed Insights
في الإصدار 5 من Google PageSpeed Insights ، تم استبدال هذه الرسالة بالتحذير “عرض الأصول الثابتة بسياسة ذاكرة تخزين مؤقت فعالة”:
تعرض Pagespeed موارد ثابتة
اعرض الأصول الثابتة مع تحذير فعال لسياسة ذاكرة التخزين المؤقت في Google PageSpeed Insights
على الرغم من التغيير في اللغة والمظهر ، فإن حل هذه التحذيرات هو نفسه.
تقترح Google استخدام التخزين المؤقت للمتصفح لتقليل أوقات تحميل الصفحة وتحسين الأداء . باختصار ، التخزين المؤقت هو عندما تحفظ متصفحات المستخدمين نسخًا ثابتة من صفحات موقعك. بعد ذلك ، في الزيارات اللاحقة ، يمكن إعادة تحميل هذا المحتوى بشكل أسرع لأن المتصفح لا يتعين عليه الاتصال بخادم موقعك للوصول إلى الموارد المطلوبة.
ومع ذلك ، يحتاج كل مورد مخزّن مؤقتًا إلى فترة انتهاء صلاحية محددة. يخبر هذا المتصفحات عندما يصبح المحتوى على موقعك قديمًا ، لذلك يمكنه استبدال نسخته المخبأة بإصدار محدث.
إذا كنت ترى التحذير “Leverage Browser Caching” في نتائج اختبار الأداء ، فمن المحتمل أن يعني ذلك أحد أمرين:
رؤوس Cache-Control أو Expires مفقودة من خادم موقعك أو خادم جهة خارجية.
الرؤوس الضرورية موجودة ، لكن فترة انتهاء الصلاحية قصيرة جدًا وبالتالي ليس لها تأثير كبير على الأداء.
تتضمن حلول هذا التحذير إصلاح إحدى هاتين المشكلتين أو كليهما.
🚨 تحذير! الاستفادة من التخزين المؤقت للمتصفح🚨 إذا كانت قراءة هذه الكلمات تجعل قلبك يتسابق ، فستحتاج إلى الاطلاع على هذا الدليل لإصلاح هذه الرسالة المخيفة⚡️
انقر للتغريد
هناك عدة طرق مختلفة يمكنك اتباعها لإصلاح تحذير Leverage Browser Caching في وورد بريس ، اعتمادًا على سبب ذلك. فيما يلي ثلاثة حلول يمكنك تجربتها.
هناك رأسان متعلقان بالتخزين المؤقت للمتصفح: Cache-Control و Expires . يجب أن يكون هناك واحد على الأقل موجودًا لتمكين التخزين المؤقت للمتصفح لموقعك ، لأن هذه هي الطريقة التي تحدد بها المتصفحات المدة التي يجب أن تحتفظ فيها بالموارد قبل تحديثها.
هناك طريقة بسيطة لتحديد ما إذا كان هذا هو سبب تحذير Leverage Browser Caching أم لا وهي النظر إلى التفاصيل المعطاة لكل مورد. في Google PageSpeed Insights الإصدار 5 ، سترى “بلا” مدرجًا ضمن Cache TTL بدلاً من ذلك:
تريد أن تعرف كيف زدنا من حركة المرور لدينا أكثر من 1000 ٪؟
انضم إلى أكثر من 20000 آخرين ممن يتلقون رسائلنا الإخبارية الأسبوعية مع نصائح من الداخل حول وورد بريس!
إشترك الآن
الصفحات المخبأة ttl
ذاكرة التخزين المؤقت قوائم TTL في Google PageSpeed Insights
كمرجع مفيد ، أظهرت الإصدارات السابقة من Google PageSpeed Insights رسالة “انتهاء الصلاحية غير محدد” عندما كانت الرؤوس مفقودة:
الموارد المدرجة في تحذير Leverage Browser Caching
الموارد المدرجة في تحذير Leverage Browser Caching
أثناء تشغيل رأس Cache-Control على التخزين المؤقت من جانب العميل وتعيين الحد الأقصى لعمر المورد ، يتم استخدام رأس Expires (انتهاء الصلاحية) لتحديد نقطة زمنية عندما يصبح المورد غير صالح.
لا تحتاج بالضرورة إلى إضافة كليهما ، لأن هذا قد يكون زائداً عن الحاجة. يعد التحكم في ذاكرة التخزين المؤقت أحدث وعادة ما يكون الطريقة الموصى بها. ومع ذلك ، لا تزال بعض أدوات أداء الويب ، مثل GTmetrix ، تتحقق من رؤوس انتهاء الصلاحية.
إذا كنت تستضيف في Kinsta ، فلا داعي للقلق بشأن تعيين هذه الرؤوس. جميع خوادم Nginx الخاصة بنا تتضمنها بالفعل. يجب أيضًا على أولئك الذين يستخدمون شبكة توصيل المحتوى (CDN) تطبيق هذه الرؤوس بالفعل.
إذا كنت تستخدم موفر استضافة مختلفًا ، فتأكد من عمل نسخة احتياطية من موقعك قبل اتباع الخطوات أدناه ، حيث قد يؤدي تحرير htaccess إلى تعطيل موقعك إذا لم تكن حريصًا.
لإضافة رؤوس Cache-Control في Nginx ، يمكنك إضافة ما يلي إلى ملف تكوين الخادم الخاص بك:
location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico)$ {
expires 30d;
add_header Cache-Control "public, no-transform";
}يخبر هذا الخادم الخاص بك أن أنواع الملفات المحددة لن تتغير لمدة 30 يومًا على الأقل. سيحتفظ بالملفات ذات الصلة المحفوظة لتلك الفترة الزمنية قبل تحديثها.
إذا كان لديك خادم Apache بدلاً من ذلك ، فيمكنك إضافة الكود التالي إلى ملف .htaccess الخاص بك :
<filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|svg|js|css|swf)$">
Header set Cache-Control "max-age=84600, public"
</filesMatch>يجب إضافة هذا المقتطف قبل “#BEGIN وورد بريس” أو بعد “#END وورد بريس”. في هذه الحالة ، يتم تعيين ذاكرة التخزين المؤقت بحيث تنتهي صلاحيتها بعد 84،600 ثانية.
يمكنك إضافة رؤوس انتهاء الصلاحية في Nginx عن طريق إضافة ما يلي إلى كتلة الخادم الخاص بك. في هذا المثال ، يمكنك معرفة كيفية تحديد أوقات انتهاء صلاحية مختلفة بناءً على أنواع الملفات:
location ~* \.(jpg|jpeg|gif|png|svg)$ {
expires 365d;
}
location ~* \.(pdf|css|html|js|swf)$ {
expires 2d;
}يمكنك إضافة رؤوس Expires في Apache عن طريق إضافة ما يلي إلى ملف htaccess الخاص بك :
## EXPIRES HEADER CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/svg "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 days"
</IfModule>
## EXPIRES HEADER CACHING ##يمكنك بعد ذلك التحقق من الرؤوس الخاصة بك عن طريق تشغيل موقعك من خلال Google PageSpeed Insights مرة أخرى ومعرفة ما إذا كان التحذير مستمرًا.
لا تترك أي مشكلة في موقع الويب بدون حل مع دعم خبير وورد بريس في متناول يدك على مدار الساعة طوال أيام الأسبوع. جرب Kinsta مجانًا .
ومن المفارقات أن Google Analytics هو في بعض الأحيان سبب تحذير Leverage Browser Caching ودرجة PageSpeed غير كاملة. هذا لأنه يحتوي على وقت انتهاء صلاحية منخفض لذاكرة التخزين المؤقت يبلغ ساعتين فقط. كان هذا التحذير القديم:
الاستفادة من التخزين المؤقت للمستعرض Pagespeed Insights Analytics
الاستفادة من تحذير التخزين المؤقت للمتصفح لبرنامج Google Analytics
في PageSpeed Insights الإصدار 5 ، لم تعد تؤدي هذه المشكلة إلى ظهور تحذير ، ولكن قد يظل Google Analytics مدرجًا كمورد غير مُحسَّن:
اجتاز Pagespeed التحليلات
اجتاز Google PageSpeed Insights عمليات التدقيق مع قائمة البرنامج النصي لبرنامج Google Analytics
لن تتمكن من تغيير هذا باستخدام رؤوس Cache-Control أو Expires لأن المورد ليس على الخادم الخاص بك. ومع ذلك ، هناك طريقة للاستفادة من التخزين المؤقت للمتصفح لبرنامج Google Analytics من خلال استضافة البرنامج النصي محليًا.
يرجى العلم ، مع ذلك ، أن هذه الطريقة لا تدعمها Google .
إذا كنت ترغب في حل المشكلة المذكورة أعلاه ، فهناك مكون إضافي مجاني يسمى Complete Analytics Optimization Suite (CAOS) تم تطويره بواسطة Daan van den Bergh ويمكنك استخدامه:
البرنامج المساعد CAOS وورد بريس
البرنامج المساعد CAOS وورد بريس
يمكنك تنزيل CAOS من دليل وورد بريس Plugin أو من خلال البحث عنه ضمن الإضافات> إضافة جديد في لوحة معلومات وورد بريس.
تتضمن بعض الفوائد الإضافية لاستضافة برنامج التحليلات الخاص بك محليًا أنه يقلل من طلبات HTTP الخارجية إلى Google من اثنين إلى واحد ويمكّنك من التحكم الكامل في التخزين المؤقت للملف. هذا يعني أنه يمكنك استخدام رؤوس ذاكرة التخزين المؤقت كما أوضحنا لك سابقًا.
للبدء ، قم بتثبيت المكون الإضافي ثم أدخل معرف تتبع Google Analytics الخاص بك. يضيف المكون الإضافي رمز التتبع الضروري لبرنامج Google Analytics إلى موقع الويب الخاص بك على وورد بريس ، ويقوم بتنزيل ملف analytics.js وحفظه على الخادم الخاص بك ، ويبقيه محدثًا باستخدام برنامج نصي مجدول wp_cron().
نوصي أيضًا بتعيينه ليتم تحميله في التذييل:
إعدادات caos
إعدادات موضع شفرة التتبع CAOS
ضع في اعتبارك أن CAOS لن يعمل مع المكونات الإضافية الأخرى لبرنامج Google Analytics وورد بريس .
بدلاً من ذلك ، يمكنك استخدام المكون الإضافي WP-Rocket للتخزين المؤقت في وورد بريس لتحقيق نفس الهدف:
البرنامج المساعد wp صاروخ
WP-Rocket وورد بريس plugin
تتيح لك الوظيفة الإضافية لتتبع Google في هذا المكون الإضافي استضافة نص التحليلات محليًا بنقرة زر واحدة. ما عليك سوى تبديل الحالة ضمن WP-Rocket> الوظائف الإضافية .
WP-إطلاق الصواريخ وفي إضافة على و متوافق مع غيرها من الإضافات برنامج Google Analytics. كأداة متميزة ، يأتي بسعر مع التراخيص التي تبدأ بـ 49 دولارًا سنويًا.
في بعض الأحيان ، يمكن أن يتسبب برنامج Google Analytics النصي في حدوث مشكلات في نتيجة Google PageSpeed Insights نظرًا لأنه مستضاف على خادم Google ، وبالتالي لا يمكنك التحكم في ذاكرة التخزين المؤقت.
وينطبق الشيء نفسه على البرامج النصية الأخرى التابعة لجهات خارجية . إذا كنت تدير الأعمال التجارية من خلال موقع الويب الخاص بك وورد، وعلى الأرجح أن يكون لديك البرامج النصية إضافية لجهة خارجية تعمل على تتبع التحويلات ، A / B الاختبارات ، وأكثر من ذلك.
قد يشمل ذلك نصوصًا مثل وحدات البكسل للتحويل على Facebook و Crazy Egg و Hotjar وغيرها. لسوء الحظ ، ما لم تجد طريقة لاستضافة هذه البرامج النصية محليًا ، فلا يوجد شيء يمكنك القيام به للتحكم فيها.
أحد الخيارات لمستخدمي Facebook Pixel هو استخدام إضافة WP-Rocket أخرى . من الناحية المثالية ، سترغب في تقليل استخدامك لنصوص الطرف الثالث إذا كنت ترغب في تحسين نقاط Google PageSpeed. لذلك قد يكون من المفيد إجراء تدقيق لموقعك وإزالة أي نصوص غير ضرورية لتشغيله.
إذا قمت بقياس أداء الموقع من قبل ، فهناك احتمال كبير بأن تحذير Leverage Browser Caching ليس جديدًا بالنسبة لك. ولكن كيف تصلح ذلك لجعل موقعك أسرع؟ تعرف على كيفية القيام بذلك باستخدام هذا الدليل التفصيلي! 🚀🗿
انقر للتغريد
على الرغم من أنه ليس مقياسًا نهائيًا لأداء موقعك ، إلا أن Google PageSpeed Insights لا يزال مؤشرًا جيدًا لكيفية تشغيله. يمكن أن يساعد تحسين درجاتك عن طريق حل التحذيرات الموضحة ضمن “خدمة الأصول الثابتة بسياسة ذاكرة تخزين مؤقت فعالة” في جعل موقع الويب الخاص بك أسرع وأكثر قابلية للاستخدام للزوار.
إذا كنت ترى هذا التحذير في Google PageSpeed Insights ، فيمكنك حله عن طريق:
إضافة التحكم في ذاكرة التخزين المؤقت أو الرؤوس تنتهي صلاحيتها.
الاستفادة من التخزين المؤقت للمتصفح لبرنامج Google Analytics.
تقليل استخدامك لنصوص الطرف الثالث.
هل لديك أي نصائح أخرى حول إصلاح التخزين المؤقت لمتصفح الرافعة المالية؟ واسمحوا لنا أن نعرف في قسم التعليقات أدناه!
وفر الوقت والتكاليف وحقق أقصى قدر من أداء الموقع من خلال:
مساعدة فورية من خبراء استضافة وورد بريس ، 24/7.
تكامل Cloudflare Enterprise.
يصل الجمهور العالمي إلى 28 مركز بيانات حول العالم.
التحسين من خلال مراقبة أداء التطبيقات المضمنة لدينا.
