تحسين أداء الموقع: استراتيجيات Leverage Browser Caching لتقديم تجربة مستخدم أفضل

في سعيك لتحسين تقييم صفحتك على Google Page Speed Insights، يظهر أن هناك حاجة لتحسين استخدام التخزين المؤقت للملفات الخارجية على موقعك. تحسين تقنية “تخزين المتصفح” (Browser Caching) يعد أمرًا حيويًا لتحسين أداء الموقع وتسريع تحميل الصفحات.

للتعامل مع هذه المشكلة، يفضل أولاً معرفة فترات تخزين المتصفح الحالية لكل ملف. يظهر أن لديك مجموعة من الملفات الخارجية مع فترات تخزين محددة، مثل:

• https://s.swiftypecdn.com/cc.js (5 دقائق)
• https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js (60 دقيقة)
• https://pagead2.googlesyndication.com/pagead/osd.js (60 دقيقة)
• https://www.google-analytics.com/plugins/ua/linkid.js (60 دقيقة)
• https://hey.hellobar.com/…d5837892514411fd16abbb3f71f0d400607f8f0b (2 ساعة)
• https://www.google-analytics.com/analytics.js (2 ساعة)

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

على سبيل المثال، يمكنك زيادة فترة تخزين cc.js إلى فترة أطول مثل 30 دقيقة، والملفات الأخرى التي لا تتغير بشكل متكرر يمكن أن تكون لديها فترات تخزين تمتد إلى عدة ساعات. يجب أيضاً مراقبة أي تحديثات تقع على هذه الملفات وضبط فترات التخزين وفقًا لذلك.

يمكنك تحقيق ذلك من خلال إعدادات الخادم الخاص بك أو استخدام أدوات مثل ملف .htaccess إذا كنت تستخدم خادم ويب يعتمد على Apache. إذا كنت تستخدم Nginx، يمكنك التعديل على ملفات الإعدادات لتحقيق نفس الغرض.

باختصار، تحسين تقنية تخزين المتصفح للملفات الخارجية على موقعك سيسهم بشكل فعال في تحسين تجربة المستخدم وتقليل وقت التحميل، مما يعكس إيجابيًا على تصنيف صفحتك في Google Page Speed Insights.

عند السعي لتحسين تقييم Google Page Speed Insights، يتعين عليك التفكير بشكل استراتيجي في كيفية تحسين أداء موقعك. واحدة من الخطوات الفعّالة لتحقيق ذلك هي استخدام تقنية “Leverage Browser Caching” أو الاستفادة من تخزين المتصفح للملفات الخارجية.

لتحقيق ذلك، يمكنك النظر في فترات الاستحقاق (expiration periods) للملفات الخارجية التي تم ذكرها في السؤال. على سبيل المثال، يظهر أن لديك ملفات تنتهي صلاحيتها بعد فترات زمنية محددة، مثل 5 دقائق أو ساعة. يمكنك زيادة هذه الفترات لتعزيز فعالية تخزين المتصفح.

على سبيل المثال، يمكنك تحديث إعدادات الملفات الخاصة بك على النحو التالي:

apacheCopy code

    Header set Cache-Control "max-age=604800, public"

أو إذا كنت تستخدم Nginx:

nginxCopy code
location ~* \.(js|css)$ {
    expires 7d;
    add_header Cache-Control "public, max-age=604800";
}

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

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

بتنفيذ هذه الإجراءات، ستعزز فعالية تخزين المتصفح وتقليل الحمولة على الخادم، مما يساهم في تحسين تجربة المستخدم وتقييم Google Page Speed Insights الخاص بموقعك.