شفق

Leverage Browser Caching عبارت است از ذخیره سازی فایل های ثابت از یک وب سایت در مرورگر بازدیدکننده به طوری که هر بار که کاربر به همان سایت باز می گردد، به دلیل فایل های ذخیره شده در مرورگر کاربر، صفحه سریعتر بارگذاری می شود. منبع این مقاله وبسایت رخ نت می باشد.

در این مقاله در مورد این خطا و عواقب آن برای سایت و همچنین نحوه رفع این خطا به شما خواهیم گفت. خطای کش مرورگر به کش مرورگر شما اشاره دارد که ابتدا با مفهوم کش کردن آشنا می شویم.

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

با استفاده از ابزارهای آنلاین مانند Pingdom، GTmetrix، PageSpeed، Google PageSpeed Insights، YSlow می تواند سرعت وب سایت شما را اندازه گیری کند. این اندازه‌گیری ممکن است نشان‌دهنده خطای ذخیره‌سازی اهرم مرورگر باشد، به این معنی که درخواست حافظه پنهان هدر HTTP در زمان بازدید از سایت به درستی اجرا نمی‌شود، یا ممکن است درخواست حافظه پنهان هدر HTTP به خوبی ارسال شود اما زمان کش بسیار کوتاه است.

مزایای استفاده از Leverage Browser Caching

مزیت اصلی فعال سازی Leverage Browser Caching این است که با ذخیره فایل های استاتیک در مرورگر کاربر باعث صرفه جویی در حجم اینترنت بازدیدکننده و افزایش سرعت سایت و همچنین کاهش تعداد درخواست های HTTP در سمت سرور می شود.

نحوه فعال کردن Leverage Browser Caching در پنل C.

ابتدا وارد پنل c خود شوید سپس به پنل هاست خود وارد شوید و از قسمتFILES ، گزینه File Manager را انتخاب کنید.از قسمت دایرکتوری public_html گزینه htaccess انتخاب و راست کلیک کنید و گزینه edit را بزنید.

کد ها را در فایل htaccess وارد کنید.

# EXPIRES CACHING ##

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"

## EXPIRES CACHING ##

اگر سرور شما از مدل nginxاست برای فعال سازی کش مرورگر از کد زیر استفاده کنید:

Header set Cache-Control “max-age=2592000, public, must-revalidate”

تفاوت هدر Expires و Cache-Control

دو گزینه اصلی در کش کردن:

• Expires Header
• Cache-Control Header

سرصفحه Cache-Control در HTTP/1.1 معرفی شد و در صورت فعال شدن در سمت کاربر، تعدادی ثانیه برای کش کردن فایل فراهم می کند که زمان انقضای فایل است.

اما Expires تاریخی را مشخص می کند که می تواند تا تاریخ خاصی کش شود. Expires می شود یک روش ساده است. سپس تاریخ انقضا را در سرصفحه Cache-Control و در سرصفحه Expires تاریخ انقضا قرار میدهیم.

اگر می خواهید کنترل بیشتری بر حافظه پنهان داشته باشید و به دنبال گزینه های بیشتری برای دسترسی به کش مرورگر هستید، می توانید از فرمان Cache-Control برای ذخیره فایل ها در مرورگر استفاده کنید. لازم نیست از سرصفحه های Expires و Cache-Control استفاده کنید، اما برای سرعت بخشیدن به سایت باید حداقل از یک سربرگ استفاده کنید. به طور کلی سرصفحه Cache-Control اولویت بالاتری نسبت به سرصفحه Expires دارد. Cache-Control جدیدتر است و این روش به طور کلی توصیه می شود، اما برخی از سایت های تجزیه و تحلیل سرعت مانند Gtmetrix هنوز سرصفحه Expires را بررسی می کنند.

Expires Header

Expires دریافت تاریخ برای ذخیره فایل ها و تا این تاریخ مرورگر ذخیره فایل در حافظه نهان، و پس از آن تاریخ درخواست به آن فایل ارسال شده به سرور دوباره. نمونه هایی از کدها:

ExpiresActive On

ExpiresByType image/jpg "access 1 year"

ExpiresByType image/png "access 1 year"

ExpiresDefault "access 2 days"

Cache-Control Header

سرصفحه Cache-Control مقدار زمان و رویه کش را تعریف می کند. هنگامی که مرورگر محتویات سرصفحه Cache-Control را می خواند، کش پرونده را اعمال می کند، فایل را از سرور درخواست می کند و منتظر پاسخ سرور می ماند.

به کد زیر توجه کنید:

# 1 Month for most static assets

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

Leverage Browser Caching عبارت است از ذخیره سازی فایل های ثابت از یک وب سایت در مرورگر بازدیدکننده به طوری که هر بار که کاربر به همان سایت باز می گردد، به دلیل فایل های ذخیره شده در مرورگر کاربر، صفحه سریعتر بارگذاری می شود. منبع این مقاله وبسایت رخ نت می باشد.

در این مقاله در مورد این خطا و عواقب آن برای سایت و همچنین نحوه رفع این خطا به شما خواهیم گفت. خطای کش مرورگر به کش مرورگر شما اشاره دارد که ابتدا با مفهوم کش کردن آشنا می شویم.

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

با استفاده از ابزارهای آنلاین مانند Pingdom، GTmetrix، PageSpeed، Google PageSpeed Insights، YSlow می تواند سرعت وب سایت شما را اندازه گیری کند. این اندازه‌گیری ممکن است نشان‌دهنده خطای ذخیره‌سازی اهرم مرورگر باشد، به این معنی که درخواست حافظه پنهان هدر HTTP در زمان بازدید از سایت به درستی اجرا نمی‌شود، یا ممکن است درخواست حافظه پنهان هدر HTTP به خوبی ارسال شود اما زمان کش بسیار کوتاه است.

مزایای استفاده از Leverage Browser Caching

مزیت اصلی فعال سازی Leverage Browser Caching این است که با ذخیره فایل های استاتیک در مرورگر کاربر باعث صرفه جویی در حجم اینترنت بازدیدکننده و افزایش سرعت سایت و همچنین کاهش تعداد درخواست های HTTP در سمت سرور می شود.

نحوه فعال کردن Leverage Browser Caching در پنل C.

ابتدا وارد پنل c خود شوید سپس به پنل هاست خود وارد شوید و از قسمتFILES ، گزینه File Manager را انتخاب کنید.از قسمت دایرکتوری public_html گزینه htaccess انتخاب و راست کلیک کنید و گزینه edit را بزنید.

کد ها را در فایل htaccess وارد کنید.

# EXPIRES CACHING ##

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"

## EXPIRES CACHING ##

اگر سرور شما از مدل nginxاست برای فعال سازی کش مرورگر از کد زیر استفاده کنید:

Header set Cache-Control “max-age=2592000, public, must-revalidate”

تفاوت هدر Expires و Cache-Control

دو گزینه اصلی در کش کردن:

• Expires Header
• Cache-Control Header

سرصفحه Cache-Control در HTTP/1.1 معرفی شد و در صورت فعال شدن در سمت کاربر، تعدادی ثانیه برای کش کردن فایل فراهم می کند که زمان انقضای فایل است.

اما Expires تاریخی را مشخص می کند که می تواند تا تاریخ خاصی کش شود. Expires می شود یک روش ساده است. سپس تاریخ انقضا را در سرصفحه Cache-Control و در سرصفحه Expires تاریخ انقضا قرار میدهیم.

اگر می خواهید کنترل بیشتری بر حافظه پنهان داشته باشید و به دنبال گزینه های بیشتری برای دسترسی به کش مرورگر هستید، می توانید از فرمان Cache-Control برای ذخیره فایل ها در مرورگر استفاده کنید. لازم نیست از سرصفحه های Expires و Cache-Control استفاده کنید، اما برای سرعت بخشیدن به سایت باید حداقل از یک سربرگ استفاده کنید. به طور کلی سرصفحه Cache-Control اولویت بالاتری نسبت به سرصفحه Expires دارد. Cache-Control جدیدتر است و این روش به طور کلی توصیه می شود، اما برخی از سایت های تجزیه و تحلیل سرعت مانند Gtmetrix هنوز سرصفحه Expires را بررسی می کنند.

Expires Header

Expires دریافت تاریخ برای ذخیره فایل ها و تا این تاریخ مرورگر ذخیره فایل در حافظه نهان، و پس از آن تاریخ درخواست به آن فایل ارسال شده به سرور دوباره. نمونه هایی از کدها:

ExpiresActive On

ExpiresByType image/jpg "access 1 year"

ExpiresByType image/png "access 1 year"

ExpiresDefault "access 2 days"

Cache-Control Header

سرصفحه Cache-Control مقدار زمان و رویه کش را تعریف می کند. هنگامی که مرورگر محتویات سرصفحه Cache-Control را می خواند، کش پرونده را اعمال می کند، فایل را از سرور درخواست می کند و منتظر پاسخ سرور می ماند.

به کد زیر توجه کنید:

# 1 Month for most static assets

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