من الأخطاء الشائعة التي نراها في مواقع ووردبريس هو إهمال التخزين المؤقت للمتصفح. قد يفقد موقعك زواره بسبب بطء تحميل الصفحات. حتى بعد تحسين الصور وترقية الاستضافة، قد يظل موقعك بطيئًا حتى تضيف Expires Headers.

تعمل Expires Headers عن طريق توجيه متصفحات الزوار لتخزين ملفات موقعك، مثل الصور وCSS وJavaScript، لفترة زمنية محددة. هذا يعني أنه عندما يزور أحد المستخدمين صفحات متعددة على موقعك، لن يضطر متصفحه إلى تنزيل كل شيء مرة أخرى.

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

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

كيف يتم استخدام Expires Headers في ووردبريس؟

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

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

قد تتساءل الأن كيف تعرف المتصفحات أي الملفات يجب حفظها ومدة الاحتفاظ بها. وهنا يأتي دور ‘Expires headers’.

يتم تحديد قواعد حفظ الملفات ومدة الاحتفاظ بها إما باستخدام ‘expires headers’ أو cache-control headers. في هذا المنشور، سنركز على expires headers لأنها أسهل في الإعداد لمعظم المستخدمين.

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

سنشرح لك كيفية إضافة expires headers بطريقتين مختلفتين. الطريقة الأولى أسهل وأكثر ملاءمة لمعظم المستخدمين. يمكنك النقر على الروابط أدناه للانتقال مباشرة إلى القسم الذي يناسبك:

الطريقة الأولى: إضافة expires headers باستخدام اضافة WP Rocket ووردبريس

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

WP Rocket إضافة مدفوعة، ولكن أفضل ما فيها هو أن جميع ميزاتها مضمنة في خطتها الأقل سعر.

أول ما عليك فعله هو تثبيت وتفعيل إضافة WP Rocket. لمزيد من التفاصيل، راجع دليلنا المفصل حول كيفية تثبيت إضافة ووردبريس.

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

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

إذا كنت تفضل استخدام إضافة تخزين مؤقت مجانية لإضافة expires headers إلى موقعك، فننصحك بإلقاء نظرة على W3 Total Cache.

تقدم W3 Total Cache بعض ميزات WP Rocket نفسها، ولكنها ليست سهلة الاستخدام للمبتدئين. كما أنها لا تقدم جميع الميزات التي تحصل عليها في إضافة أداء شاملة مثل WP Rocket. سيتعين عليك تمكين expires headers يدويًا نظرًا لأنه لا يتم تمكينها تلقائيًا.

الطريقة 2: إضافة Expires headers في ووردبريس باستخدام الكود

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

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

بعد ذلك، دعونا نلقي نظرة على كيفية إضافة expires headers عن طريق إضافة كود إلى ووردبريس.

حدد ما إذا كان موقعك الإلكتروني يعمل بنظام Apache أو Nginx

أولاً، عليك تحديد ما إذا كان موقعك يستخدم سيرفرات Apache أو Nginx. انتقل إلى موقعك الإلكتروني، وانقر بزر الماوس الأيمن على الصفحة، ثم اختر ‘Inspect’.

بعد ذلك، عليك النقر فوق علامة التبويب ‘Network’ الموجودة في الجزء العلوي من الصفحة.

قد تحتاج إلى تحديث الصفحة لتحميل النتائج.

بعد ذلك، يمكنك النقر على اسم الدومين الخاص بك أعلى عمود ‘Name’.

ثم انتقل للأسفل إلى قسم ‘Response Headers’ وتحقق من وجود عنصر باسم ‘server’.

سيظهر لك هذا سيرفر الويب المستخدم. في هذه الحالة، يعمل الموقع على سيرفر Nginx.

الأن وبعد أن عرفت سيرفر الويب الذي يستخدمه موقعك، استخدم الروابط أدناه للانتقال مباشرة:

• كيفية إضافة Expires Headers في Apache
• كيفية إضافة Expires Headers في Nginx

كيفية إضافة Expires Headers في Apache

لإضافة expires headers إلى سيرفر Apache، تحتاج إلى إضافة كود إلى ملف .htaccess الخاص بك.

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

ملاحظة: قد يكون ملف htaccess. مخفي في بعض الأحيان. إذا كنت بحاجة إلى مساعدة في العثور عليه، فراجع دليلنا حول سبب عدم العثور على ملف htaccess. على موقع ووردبريس الخاص بك.

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

يمكنك إضافة الكود التالي بالقرب من أعلى ملف .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 3 days"
</IfModule>
## EXPIRES HEADER CACHING ##

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

لاحظ أن الكود يحدد تواريخ انتهاء صلاحية مختلفة لذاكرة التخزين المؤقت بناء على نوع الملف. تخزن الصور مؤقتًا لفترة أطول من ملفات HTML وCSS وJavascript وأنواع الملفات الأخرى لأنها عادة ما تبقى كما هي.

كيفية إضافة Expires Headers في Nginx

إذا كنت تستخدم سيرفر Nginx لاستضافة مدونة ووردبريس الخاصة بك، فأنت بحاجة إلى تعديل ملف إعدادات السيرفر لإضافة expires headers.

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

بعد ذلك، عليك إضافة الكود التالي:

location ~* \.(jpg|jpeg|gif|png|svg)$ {
  expires 365d;
}
 
location ~* \.(pdf|css|html|js|swf)$ {
  expires 3d;
}

سيحدد هذا الكود مدة صلاحية أنواع الملفات المختلفة. لاحظ أيضًا أن الصور تخزن مؤقتًا لفترة أطول من ملفات HTML وCSS وJS وأنواع الملفات الأخرى، لأن الصور عادة ما تبقى كما هي.

الأسئلة الشائعة حول Expires Headers في ووردبريس

فيما يلي بعض الأسئلة الأكثر شيوعًا التي نتلقاها حول تطبيق expires headers على مواقع ووردبريس. من شأنها أن تساعدك على توضيح أي استفسارات لديك حول هذه العملية.

نأمل أن يكون هذا البرنامج التعليمي قد ساعدك على تعلم كيفية إضافة expires headers في ووردبريس. قد ترغب أيضًا بالاطلاع على دليلنا حول كيفية إصلاح تحذير ‘استغلال التخزين المؤقت للمتصفح’ بسهولة في ووردبريس، أو اختيارنا لـ أفضل خدمات CDN في ووردبريس.