رفع خطای Leverage browser caching

توسط | شهریور ۲۹, ۱۳۹۹ | Error

منظور از رفع خطای leverage browser caching چیست؟

این خطا از مهم ترین ارورهای سایت جی تی متریکس است.

طراحی سایت شیراز

خطای Leverage browser caching که اسکرین‌شات آن را در Pagespeed گوگل مشاهده می‌کنید به کش مرورگر شما اشاره می‌کند درواقع باید گفت کش چیست ؟

هر بار که شما از وب سایتی بازدیدی انجام می‌دهید لازم است که یک سری فایل‌هایی را دانلود کنید تا سایت قابل مشاهده باشد فایل‌هایی مانند، CSS، JS، HTML و عکس‌ها که در کش مرورگر (یا کش محلی یا کش لوکال) ذخیره می‌شود. حال وقتی به صفحه‌ی دیگری از آن سایت مراجعه می‌کنید موارد تکراری صفحات مثل لوگو سایت فایل‌های CSS و غیره دیگر دوباره دانلود نمی‌شوند بلکه از طریق کش محلی مرورگر فراخوانی صورت می‌گیرد. پس به این ترتیب لازم نیست با هر بار لود کردن صفحه‌های سایت، فایل‌های مشترک بین صفحات را دانلود کنید. این همان دلیلی است که باعث می‌شود در اولین بازدید از یک سایت زمان بیشتری برای لود شدن لازم باشد تا زمان لود صفحات در تکرار بازدید از همان سایت.

این عمل هم باعث صرفه‌جویی در حجم اینترنت بازدیدکننده می‌شود و هم تعداد درخواست‌های سمت سرور  را کاهش می‌دهد و صفحات سایت در دفعات بعدی سریع‌تر لود می‌شوند. این خطا این را می‌گوید که وقتی شما بازدیدی از سایت می‌کنید درخواست کش هدر HTTP به خوبی پیاده‌سازی نمی‌شود یا ممکن است درخواست کش هدر HTTP به خوبی ارسال شود و وجود داشته باشید ولی زمان کش بسیار کوتاه است.

حل خطای leverage browser caching با متد Expires در htaccess :

در این روش ابتدا وارد هاست خودتون شده و سپس به File Manager هاست مراجعه کنید. فایل htaccess. رو پیدا کرده و سپس قطعه کدهای زیر رو به ابتدای این فایل قرار بدین. دقت کنید که این دستورات باید در اولین سطر این فایل قرار بگیرند.

نمونه کد:

## EXPIRES 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 text/css “access 1 month”

ExpiresByType text/html “access 1 month”

ExpiresByType application/pdf “access 1 month”

ExpiresByType text/x-javascript “access 1 month”

ExpiresByType application/x-shockwave-flash “access 1 month”

ExpiresByType image/x-icon “access 1 year”

ExpiresDefault “access 1 month”

</IfModule>

## EXPIRES CACHING ##

طراحی سایت شیراز

حل خطای leverage browser caching با روش Cache Control در htaccess :

برای حل مشکل leverage browser caching با این روش کد زیر را در بالای فایل htaccess. قرار دهید و دقت داشته باشید چه در روش expire header وcache control میتوانید زمان را نسبت به توضیحاتی که دادیم تغییر دهید و یا همین زمان ها را قرار دهید.

نمونه کد :

<filesMatch “.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$”>

Header set Cache-Control “max-age=84600, public”

</filesMatch>

حل خطای leverage browser caching با متد Expires در NGINX :

کد زیر از نوع متد Expires  است. کد را می‌توانید در Nginx قرار دهید. و بعد از قرار دادن و ذخیره کردن، تغییرات اعمال شده را بعد از رفرش می توانید مشاهده کنید.

نمونه کد :

location ~* \.(jpg|jpeg|gif|png)$ {

expires 365d;

}

location ~* \.(pdf|css|html|js|swf)$ {

expires 2d;

{

حل خطا با متد Cache-Control در NGINX :

در این روش هم باید به سرور دسترسی داشته باشید و کد ها را درون سرور قرار دهید:

نمونه کد :

location ~* .(js|css|png|jpg|jpeg|gif|ico)$ {

expires 2d;

add_header Cache-Control “public, no-transform”;

{

با استفاده از کد بالا، فایل‌های jpg,jpeg,gif,png,css,pdf,js,swf و … در مرورگر کاربر کش خواهند شد، تا در بازدیدهای بعدی کاربر به سایت شما این فایل‌ها به‌جای اینکه از سرور شما برای بازدیدکننده بارگذاری شود از خود مرورگر کاربر لود می‌شود و درنتیجه باعث افزایش چشمگیر سرعت سایت شما خواهد شد.

 به هر حال اگر مایل به استفاده ازکدهای بالا نیستید می‌توانید از افزونه‌های زیر برای فعال سازی کش در وردپرس استفاده نمایید.

  • افزونه Cache Enabler
  • افزونه W3 Total Cache
  • افزونه WP Super Cache
  • افزونه WP Rocket (بهترین افزونه از نگاه ما)

خطاهای مرتبت با ارور Leverage browser caching را می‌توانید در لیست زیر بررسی کنید و اصولا با خواندن این مقاله خطاهای زیر هم رفع می‌شوند.

  • رفع ارور Specify a cache validator
  • رفع ارور Add Expires headers

سعی شده در این آموزش با موضوع رفع خطای leverage browser caching در gtmetrix به شما در با بالا بردن سرعت سایت که یکی از فاکتورهای مهم در سئو می‌باشد، کمک شایانی کنیم.

رفع خطای Serve scaled images در gtmetrix

https چیست ؟

تامین کالاهای فروشگاه اینترنتی

تامین کالاهای فروشگاه اینترنتی

تامین کالاهای فروشگاه اینترنتی بخش دو . اگر به بازارهای مرکزی شهرها بروید، بسیاری از مغازه‌ها را می‌بینید، که اجناس خود را به صورت عمده می‌فروشند. تمام مغازه‌ها و فروشگاه‌های خرده فروشی هم معمولا از همین عمده فروشان اجناس را با قیمت پایین‌تر می‌خرند. شما هم می‌توانید...

تفاوت HTTP و HTTPS چیست ؟

تفاوت HTTP و HTTPS چیست ؟

پروتکل HTTPS برای انتقال اطلاعات بصورت رمزگذاری شده بر روی وب سایت بکار برده می شود. پروتکل HTTPS از پورت 443 برای انتقال اطلاعات استفاده می کند ولی پروتکل HTTP از پورت 80 استفاده می‌کند. مهمترین تفاوت میان http با https امنیت و حفظ اطلاعات مربوط به شماست. در صورت...

تامین کالا فروشگاه های اینترنتی

تامین کالا فروشگاه های اینترنتی

محصول فروشگاه را از کجا بیاورم؟ مسئله این است!در ابتدا باید بگوییم که تامین محصول فروشگاه اینترنتی، چالش‌های خاص خودش را دارد. اول از همه باید بودجه‌ای برای تامین کالای موردنیاز فروشگاه تعیین کنید. البته این را هم بگوییم، که خیلی هم مهم نیست چقدر سرمایه در اختیار...

۰ دیدگاه

یک دیدگاه بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *