Instant Fix WordPress Leverage Browser Caching (خطوة بخطوة)

WordPress Leverage Browser Caching (إصلاح سهل وفوري)

إذا كنت تريد أن تفهم تمامًا كيفية إصلاح التخزين المؤقت لمتصفح الرافعة المالية في WordPress ، فابق معنا حتى النهاية لأن لدينا الكثير لمشاركته.

من منا لا يحب الحصول على سرعة تحميل فائقة السرعة؟

لكنك اكتشفت بطريقة ما أن "الاستفادة من التخزين المؤقت للمتصفح" تمنع موقع الويب الخاص بك من التحميل بسرعة.

ومع ذلك ، نحن هنا من أجل ذلك مع الحل.

هذا هو الخطأ الأكثر شيوعًا الذي يواجهه غالبية الأشخاص في Google PageSpeed ​​Insights.

وإذا كان هدفك هو تحقيق أكثر من 90 درجة في Google PageSpeed ​​Insights ، فأنت بحاجة إلى إصلاح هذا.

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

سيخبرك هذا المنشور بما يستفيد منه WordPress من التخزين المؤقت للمتصفح ، وكيفية إصلاح التخزين المؤقت للمتصفح في WordPress.

لذا ، دعنا نحفر فقط.

القليل من المعلومات حول الرافعة المالية للتخزين المؤقت لمتصفح WordPress

لتوضيح الأمر ببساطة ، تعمل الاستفادة من التخزين المؤقت للمتصفح على تسريع تحميل الصفحة عن طريق تقليل طلبات HTTP وتحسين وقت استجابة الخادم.

الآن ، ماذا نعني بالتخزين المؤقت؟

يُشار إلى مقدار الوقت الذي تقوم فيه المستعرضات بتخزين الموارد القابلة للتخزين المؤقت المتاحة على موقع ويب محليًا باسم التخزين المؤقت.

ما هو مدرج في ذلك؟

يتضمن ذلك الصور و CSS و JavaScript وغيرها.

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

وبالتالي يتم تحسين سرعة تحميل الموقع بشكل واضح. هذا هو سبب رغبة الناس في الاستفادة من التخزين المؤقت للمتصفح في WordPress.

ما هي المنصة الحقيقية التي تعرض البيانات والحلول الفعلية؟

يمكنك تجربة Think with Google للتحقق من حالة موقعك إذا كان يتم تحميله بسرعة أو يستغرق تحميله بالكامل بضع ثوانٍ.

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

أداة شرعية أخرى يمكنك استخدامها هي PageSpeed ​​Insights by Google لاختبار سرعة صفحة موقع الويب الخاص بك.

سيوصيك بتطوير سياسة ذاكرة تخزين مؤقت قوية لزيادة سرعة الصفحة.

كيفية الاستفادة من التخزين المؤقت للمتصفح

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

هذا جانب الخادم. يحدث التخزين المؤقت للمتصفح عندما يصل المستخدمون إلى موقع الويب عبر متصفحهم.

هذا هو عكس البيان السابق تمامًا.

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

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

إذا كنت تريد إدخال الرمز يدويًا أو استخدام مكون إضافي لبرنامج WordPress ، فسيعتمد ذلك على ما إذا كان خادم الويب الخاص بك هو Nginx أو Apache.

الآن ، دعنا ننتقل إلى طرق الاستفادة من التخزين المؤقت للمتصفح في WordPress ، سواء مع أو بدون مكون إضافي.

كيفية إصلاح ذاكرة التخزين المؤقت للمتصفح على WordPress بدون البرنامج المساعد؟

لا يفضل الكثير من الأشخاص مكون WordPress الإضافي لإصلاح هذه المشكلة.

يمكنك استخدام التخزين المؤقت للمتصفح عن طريق تغيير الإعدادات على خادم الويب الخاص بك.

سيخبر خادم الويب بعد ذلك متصفح الزائر بحفظ هذه الموارد في ذاكرة التخزين المؤقت للمتصفح إذا قمت بذلك.

سيتم تخزين هذه الملفات محليًا بواسطة المتصفح لفترة زمنية محددة واستخدامها في زيارات الصفحة اللاحقة.

يختلف الإجراء الخاص بتوجيه خادم الويب الخاص بك لبدء التخزين المؤقت لمتصفحات الزوار من خادم إلى آخر.

يعد كل من Apache و Nginx أكثر خوادم الويب شيوعًا.

لنبدأ في إصلاح التخزين المؤقت للمتصفح في WordPress على كلا الخادمين خطوة بخطوة.

1. WordPress Leverage Browser Caching باستخدام (Apache)

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

إليك كيفية استخدام رمز مخصص للاستفادة من التخزين المؤقت للمتصفح على خادم Apache.

بمجرد التأكد من أن خادمك يعمل على Apache ، يمكنك الانتقال إلى الخطوة التالية.

1. للوصول إلى الخادم الخاص بك ، قم بتسجيل الدخول إلى لوحة التحكم CPanel أو استخدم عميل FTP.

2. ابحث عن ملف htaccess الخاص بك الآن.

نظرًا لاحتمال إخفاء ملف htaccess افتراضيًا ، فقد تحتاج إلى إظهار الملفات المخفية (ملفات dotfiles).

يجب أن يبدو ملف htaccess الخاص بك مشابهًا للصورة أدناه.

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

علاوة على ذلك ، لديك العديد من الخيارات لتحديد قواعد التخزين المؤقت للمتصفح مثل:

الرؤوس أو رؤوس التحكم في ذاكرة التخزين المؤقت.

دعونا نلقي نظرة على كليهما.

1. رؤوس التحكم في ذاكرة التخزين المؤقت:

ستحتاج إلى إضافة مقتطف الشفرة التالي إلى أعلى ملف htaccess بعد فتحه:

نسخ هذا الرمز:

# BEGIN رؤوس التحكم في ذاكرة التخزين المؤقت

<IfModule mod_expires.c>

<IfModule mod_headers.c>

<filesMatch “\. (ico | jpe؟ g | png | gif | swf) $”>

رأس إلحاق Cache-Control "عام"

</filesMatch>

<filesMatch “\. (css) $”>

رأس إلحاق Cache-Control "عام"

</filesMatch>

<filesMatch “\. (js) $”>

يُلحق العنوان عنصر التحكم في ذاكرة التخزين المؤقت "خاص"

</filesMatch>

<filesMatch “\. (x؟ html؟ | php) $”>

يُلحق العنوان عنصر التحكم في ذاكرة التخزين المؤقت "خاص ، يجب إعادة التحقق منه"

</filesMatch>

</IfModule>

</IfModule>

2. عناوين انتهاء الصلاحية:

يمكن إضافة رؤوس انتهاء الصلاحية هذه إلى أعلى ملف htaccess الخاص بك ، مثل رأس Cache-Control.

انظر إلى تنسيق الكود:

## انتهاء التخزين المؤقت ##

<IfModule mod_expires.c>

انتهاء الصلاحية

ExpiresByType image / jpg “access 1 year”

ExpiresByType image / jpeg "وصول لمدة عام"

ExpiresByType image / gif "وصول لمدة عام"

ExpiresByType image / png "وصول لمدة عام"

ExpiresByType text / css “وصول شهر واحد”

ExpiresByType text / html "وصول شهر واحد"

ExpiresByType application / pdf "وصول شهر واحد"

ExpiresByType text / x-javascript “وصول شهر واحد”

تطبيق ExpiresByType / x-shockwave-flash "دخول 1 شهر"

ExpiresByType image / x-icon “وصول لمدة عام”

انتهاء الصلاحية الافتراضي "الوصول لمدة شهر واحد"

</IfModule>

## انتهاء التخزين المؤقت ##

يمكنك بسهولة مراجعة هذه الرؤوس من DevTools في Chrome بمجرد تعيينها على خادمك.

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

2. تعطيل علامات الكيان:

أخيرًا وليس آخرًا ، يجب عليك استخدام الكود التالي لإلغاء تنشيط علامات الكيان:

FileETag لا شيء

عند تعطيل ETags ، يمكن للمتصفح استخدام سياسة ذاكرة التخزين المؤقت بدلاً من إعادة التحقق من الملفات في كل مرة يتم فيها تحميل الصفحة.

لجعل التغييرات سارية المفعول ، احفظ ملف htaccess وأعد تشغيل Apache.

• ووردبريس الاستفادة من التخزين المؤقت للمتصفح باستخدام (Nginx)

Nginx هو خادم ويب مجاني ومفتوح المصدر يستخدمه أكثر من 500 مليون موقع ويب.

لديك بعض الخيارات لتعيين أوقات انتهاء التخزين المؤقت على المكونات الثابتة والديناميكية لموقعك على الويب ، تمامًا كما هو الحال مع Apache.

1. رؤوس "التحكم في ذاكرة التخزين المؤقت" (Nginx)

ضمن كتلة الخادم ، والتي توجد عادةً في

/ etc / nginx / site-enabled / default ،

أضف هذا الجزء التالي.

الموقع ~ * \. (png | jpg | jpeg | gif) $ {

تنتهي 365 د

add_header Cache-Control "عام ، بدون تحويل" ؛

}

الموقع ~ * \. (js | css | pdf | html | swf) $ {

تنتهي 30 د

add_header Cache-Control "عام ، بدون تحويل" ؛

}

2. رؤوس "انتهاء الصلاحية" (Nginx)

أدخل الكود التالي في كتلة الخادم الموجودة في:

/ etc / nginx / site-enabled / default /

الموقع ~ * \. (jpg | jpeg | gif | png) $ {

تنتهي 365 د

}

الموقع ~ * \. (pdf | css | html | js | swf) $ {

تنتهي 30 د

}

كيفية إصلاح ذاكرة التخزين المؤقت للمتصفح على WordPress باستخدام البرنامج المساعد؟

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

1. WP Fastest Cache:

WP Fastest Cache

WP Fastest Cache هو مكون إضافي آخر للتخزين المؤقت في WordPress مع خيارات تخصيص سهلة.

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

2. ذاكرة التخزين المؤقت LiteSpeed:

LiteSpeed ​​الكاش

LiteSpeed ​​Cache هو مكون إضافي للتخزين المؤقت يمكّنك من الاستفادة من التخزين المؤقت للمتصفح عن طريق تشغيله ببساطة.

انتقل إلى إعدادات ذاكرة التخزين المؤقت بعد تثبيت المكون الإضافي وتمكينه. انتقل إلى علامة التبويب "المتصفح" وقم بتشغيل وظيفة "ذاكرة التخزين المؤقت للمتصفح".

يمكنك أيضًا تحديد تاريخ انتهاء الصلاحية.

ومع ذلك ، سيتم تطبيق هذا الإعداد على جميع الملفات المخزنة مؤقتًا على موقعك.

استنتاج:

يمكن أن يساعدك استخدام التخزين المؤقت للمتصفح في تحسين درجة اختبار أداء الويب.

إذا كنت ترى هذا التحذير في Google PageSpeed ​​Insights ، فيمكنك حله عن طريق:

1. إضافة Cache-Control أو Expires headers.
2. الاستفادة من التخزين المؤقت للمتصفح لبرنامج Google Analytics.
3. تقليل استخدامك لنصوص الطرف الثالث.

هل لديك أي اقتراحات أخرى لحل مشكلة التخزين المؤقت لمتصفح الرافعة المالية؟ من فضلك شارك افكارك في حقل التعليقات في الاسفل!