متصفح ووردبريس التخزين المؤقت

نشرت: 2015-05-18

قم بتسريع موقع WordPress الخاص بك بشكل كبير باستخدام التخزين المؤقت للمتصفح ، والمعروف أيضًا باسم انتهاء التخزين المؤقت .

سيشير العديد من موفري تحسين السرعة والاختبار إلى ذلك باسم " ذاكرة التخزين المؤقت للمتصفح " و " الاستفادة من التخزين المؤقت للمتصفح " و " انتهاء الرؤوس " و " رؤوس ذاكرة التخزين المؤقت" و " التحكم في ذاكرة التخزين المؤقت " و " ذاكرة التخزين المؤقت على الويب ". كما هو موضح بواسطة Google PageSpeed Insights ، يتبع كل من GTMetrix و MaxCDN هذا الدليل لإعداده بشكل صحيح.

ما هو متصفح التخزين المؤقت؟

التخزين المؤقت للمتصفح هو طريقة خادم الويب الذي يخبر المتصفح بتخزين صفحة أو موارد محددة لفترة زمنية معينة حتى لا تضطر إلى تنزيلها من الخادم في كل مرة يتم فيها تحميل الصفحات. هذا يمكن أن يخزن صفحة كاملة و / أو موارد مثل JavaScript و CSS والصور (jpeg و png و gif وما إلى ذلك) وغير ذلك الكثير.

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

أهمية التخزين المؤقت للمستعرض

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

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

توفر ذاكرة الويب المخبئية سرعة متبادلة للخادم والمستخدم

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

يعد إعداد التخزين المؤقت للمستعرض على موقع WordPress الخاص بك سريعًا وسهلاً للغاية ، ولكن قد يختلف الإعداد بناءً على الإعداد وخادم الويب الذي تستخدمه. بشكل افتراضي ، الإعداد الأكثر شيوعًا هو WordPress الذي يعمل على خادم ويب Apache ولكن هناك خوادم ويب أخرى شائعة مثل Nginx و IIS وما إلى ذلك.

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

لتسهيل الأمر ، هناك العديد من المكونات الإضافية للتخزين المؤقت للمتصفح في WordPress. لقد استخدمنا واختبرنا ونوصي ببرنامج WordPress Leverage Browser Caching Ninjas الإضافي. إنه مكون إضافي للتثبيت والتفعيل يقوم بالباقي من أجلك ، بهذه البساطة.

متصفح أباتشي ذاكرة التخزين المؤقت

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

## EXPIRES CACHING ## <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access plus 1 year" ExpiresByType image/jpeg "access plus 1 year" ExpiresByType image/gif "access plus 1 year" ExpiresByType image/png "access plus 1 year" ExpiresByType text/css "access plus 1 month" ExpiresByType application/pdf "access plus 1 month" ExpiresByType text/x-javascript "access plus 1 month" ExpiresByType application/x-shockwave-flash "access plus 1 month" ExpiresByType image/x-icon "access plus 1 year" ExpiresDefault "access plus 2 days" </IfModule> ## EXPIRES CACHING ##

(https://gist.github.com/tribulant/36be0f683eedfa468f51)

Nginx مستعرض الرافعة التخزين المؤقت

إذا كنت تقوم بتشغيل خادم Nginx (En-gine-ex) ، فإن الإعداد يختلف عن Apache أعلاه. سترغب في إضافة الكود التالي إلى ملف تكوين vhost الخاص بك ، والموجود عادةً في /etc/nginx/sites-enabled/default . أضف ما يلي إلى كتلة الخادم الخاص بك:

location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ { expires 365d; }

(https://gist.github.com/tribulant/19bb56a222af41854ecc)

Lighttpd

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

$HTTP["url"] =~ "^/images/" { expire.url = ( "" => "access plus 1 hours" ) }

(https://gist.github.com/tribulant/26263533eee33e3b61ed)

Microsoft IIS تستفيد من ذاكرة التخزين المؤقت للمستعرض

يعد إعداد التخزين المؤقت للمستعرض لـ IIS (خدمات معلومات الإنترنت) أمرًا سهلاً للغاية.

حدده في واجهة Administration Tools ، واعرض خصائصه. بعد تحديد علامة التبويب HTTP Headers ، يجب أن ترى مجالين مهمين ؛ Enable Content Expiration Custom HTTP headers . يجب أن يكون الأول واضحًا بذاته ، ويمكن استخدام الثاني لتطبيق رؤوس Cache-Control.

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

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

رؤوس Cache-Control و Expires و Etag هي التي تعطي تعليمات ذاكرة التخزين المؤقت للمتصفح. يتم إنشاء هذه الرؤوس تلقائيًا بواسطة الطرق المذكورة أعلاه للاستفادة من التخزين المؤقت للمستعرض في Apache و Nginx و IIS وفقًا لذلك ، لذلك لا تحتاج إلى الدخول في التفاصيل ما لم تكن مهتمًا.

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

يوفر Cache-Control للمتصفح إرشادات معينة مثل المدة التي يعتبر فيها المحتوى "جديدًا" ، والحالة العامة / الخاصة للتخزين المؤقت ، والتحقق من الصحة والمزيد.

التحكم في ذاكرة التخزين المؤقت: الحد الأقصى للعمر = 3600 عام

(https://gist.github.com/tribulant/6309926734d3c127064c)

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

يوفر رأس Expires تاريخ HTTP فقط حتى الوقت الذي يجب فيه تخزين المورد مؤقتًا ويمكن تخزينه مؤقتًا حتى.

تنتهي الصلاحية: السبت ، 28 تشرين الثاني (نوفمبر) 2015 05:36:25 GMT

(https://gist.github.com/tribulant/1b655d60a8a665b18b85)

رأس Etag

تم تقديم Etag في HTTP 1.1 كطريقة للتحقق من صحة رمز أرسله الخادم ويستخدمه المتصفح للتحقق مما إذا كان تمثيل المحتوى قد تغير. حتى نهاية Etag ، استخدمت المتصفحات في الغالب عنوان Last-Modified لكن Etag أصبح أكثر صلة الآن. ستقوم معظم خوادم الويب بإنشاء رؤوس Last-Modified و Etag على أي حال.

Etag: "pub1259380237؛ gz"

(https://gist.github.com/tribulant/2b542d76410bc047be00)

الخط السفلي للتخزين المؤقت للمستعرض

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

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

يوصى بشدة بالتخزين المؤقت في متصفح الويب لمواقع WordPress ، وفي النهاية ، فإن البرنامج الإضافي الموصى به لـ WordPress Leverage Browser Caching Ninjas سيفي بالغرض. فقط قم بالتثبيت والتفعيل والانتهاء من ذلك!