بهبود کش مرورگر یک پارامتر مهم است که شرکت های Google و y-slow برای تحلیل عملکرد صفحه وب شما از آن استفاده می کنند. و در سئو و بهینه سازی سایت شما بسیار مهم هستند.
اگر تا به حال از تست سرعت صفحه وب گوگل برای آزمایش سرعت صفحه خود استفاده کرده باشید، می دانید که توصیه شده است که کش مرورگر خود را بهبود ببخشید.
بهبود Caching مرورگر یک پارامتر مهم است که شرکت های Google و y-slow برای تحلیل عملکرد صفحه وب شما از آن استفاده می کنند. اگر تا به حال از تست سرعت صفحه وب گوگل برای آزمایش سرعت صفحه خود استفاده کرده باشید، می دانید که توصیه شده است که Caching مرورگر خود را بهبود ببخشید.
کش مرورگر به چه معناست؟
هنگامی که یک بازدید کننده برای اولین بار از صفحه وب شما دیدن می کند، مرورگر آنها کپی هایی از فایل های استاتیک صفحه وب شما را در کامپیوتر خود ذخیره می کند (از قبیل: تصاویر، java script ، css ، favicon و غیره) بدین معنا که مرورگر نیازی به دانلود دوباره آنها به هنگام بازدید مجدد آن کاربر ندارد چرا که مرورگر داده را از طریق Cache دریافت می کند و نیازی به پرسیدن از سرور ندارد.
در نتیجه، صفحه وب شما در مرورگر کاربر با سرعت بیشتری بارگذاری خواهد شد. این فرآیند با نام Caching مرورگر شناخته می شود.
چرا باید کش مرورگر را بهبود ببخشید؟
این کار باعث می شود صفحه وب شما در کامپیوتر کاربر در دفعات مختلف بازدید با سرعت بیشتری باز شود. اگر منابع از نوع استاتیکی باشند، مناسب محتویاتی هستند که هیچ گاه یا به ندرت نیاز به به روز رساتی دارند.
این موارد شامل jpg, gif, png, favicon, javascript, css و غیره هستند. شرکت گوگل توصیه می کند که منابع استاتیک حداقل یکبار در ماه cache شوند. این کار با انتخاب گزینه ماکزیمم زمان انقضا برای منابع در سر برگ های HTTP امکان پذیر است.
با این کار در خصوص منابع استاتیک، مرورگر به سرعت و سادگی قادر خواهد بود منابع دانلود شده قبلی را از دیسک های محلی و نه از طریق شبکه اینترنتی دریافت کند. این بدان معناست که اولین بازدیدکنندگان از صفحه شما درخواست های HTTP مختلفی برای Cache کردن منابع استاتیکی ایجاد می کنند. اما منابع قابل Cache شدن معمولا طول عمر کوتاهی دارند.
با افزودن سربرگ های با تاریخ انقضا، شما می توانید به مرورگر بازدیدکنندگان از صفحات خود اطلاع دهید تا منابع را برای یک مدت زمان معین تا زمان انقضای آنها که در حالت ماکزیمم قرار داده شده است حفظ کنند. این امر باعث اجتناب از درخواست های HTTP غیر ضروری در بازدیدهای بعدی از صفحه می شود.
مزایای بهبود کش مرورگر:
به حداقل رساندن درخواست های HTTP ، که در عوض باعث کاهش شدید زمان بارگذاری وبسایت های شما می شود.
زمان بارگذاری و داده های بازدیدکنندگان خود را که بیش از یکبار از صفحه شما دیدن می کنند را ذخیره کنید.
بار روی سرور وبسایت خود را کاهش دهید و پهنای باند را حفظ کنید.
چگونه کش مرورگر خود را بهبود ببخشید؟
نصب افزونه سوپر کش همراه با آموزش ویدئویی
۱- فرمت .htaccess را در فایل اصلی WordPress خود بهبود ببخشید
فایل .htaccess باید در حوزه کاربری اصلی شما باشد که عموما در پوشه public_html ذخیره می شود. این فایل یک پوشه پنهان است که باید برای کاربراین از طریق FTP هایی مانند FileZilla یا File Manager نمایش داده شود که در پایین برای شما آورده شده است.
توجه: مطمئن شوید که شما یک کپی از فایل با فرمت .htaccess فعلی خود قبل از بهبود و ویرایش آن در اختیار داشته باشید. بر روی سرور:
وارد Control Panel خود شوید.
در بخش فایل ها، بر روی گزینه File Manager کلیک کنید.
هنگامی که صفحه مورد نظر باز شد، گزینه Web Root (public_html) را انتخاب کنید. (اطمینان حاصل کنید که گزینه “show hidden files” را انتخاب کرده باشید.)
بر روی فایل .htaccess کلیک راست کنید و گزینه “Code Edit” را باز کنید.
کد زیر را در بالای فایل .htaccess خود وارد کنید.
## 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 ##
این کد به مرورگر بازدیدکنندگان شما می گوید که منابع استاتیک مانند تصاویر، javascript, flash, pdf و آیکون ها باید پس از مدت زمان معینی cache شوند به عنوان مثال هر ماه. شما می توانید مدت زمان آن را بسته به نیاز خود تغییر دهید و حداقل زمان ممکن را برای فایل هایی که به طور مداوم نیاز به به روز رسانی دارند قرار دهید و ماکزیمم زمان را برای آنهایی که بدون تغییر باقی می مانند اختصاص دهید. یک سال بیشترین زمانی است که شما می توانید بدون سرپیچی از قوانین RFC انتخاب کنید.
شما می توانید مدت زمان آن را بسته به نیاز خود تغییر دهید و حداقل زمان ممکن را برای فایل هایی که به طور مداوم نیاز به به روز رسانی دارند قرار دهید و ماکزیمم زمان را برای آنهایی که بدون تغییر باقی می مانند اختصاص دهید.
۲- استفاده از اتصال پریزی WordPress
اگر شما علاقه ای به ویرایش فایل های .htaccess ندارید، استفاده از اتصال پریزی می تواند سریعترین راه برای بهبود cache مرورگر شما در محدوده پنل WordPress باشد.
ویرایش فایل های .htaccess از طریق SEO WordPress توسط Yoast اگر شما اتصال WordPress SEO در وبسایت خود در اختیار دارید، ویرایش فایل های .htaccess برای شما تنها چند ثانیه طول خواهد کشید. این امر به شما امکان ویرایش فایل.
htaccess را به طور مستقیم از طریق WordPress را خواهد داد که بسیار در دسترس و کاربردی می باشد.
به سمت چپ SEO خود در WordPress بروید و بر روی گزینه Tool>File Editor کلیک کنید.
به قسمت پایین فایل .htaccess خود بروید و کد بالا را در آنجا کپی کنید.
۳- بهبود Cache مرورگر توسط W3 Total Cache
گام اول:
اگر W3 Total Cache را بر روی سیستم خود نصب کردید مسیر زیر را طی کنید:
WordPress Dashboard>>Perfomance >> General Setting
و گزینه “Browser cache” را فعال کنید.
گام دوم :
به منوی performance>>Broeser Cache رفته و گام های زیر را اعمال کنید.
کش مرورگر- تنظیمات عمومی
- فعال کردن “Set Last-Modified header”
- فعال کردن “Set expires header”
- قعال کردن “Set cache control header”
- غیر فعال کردن “Set entity tag (eTag)”
- فعال کردن “Set W3 Total Cache header”
- فعال کردن “HTTP (gzip) compression”
- غیر فعال کردن “Prevent caching of objects after settings change
- ”غیر فعال کردن “Do not process 404 errors for static objects“Cache
مرورگر – C S S و JS
- فعال کردن “Set Last-Modified header”
- فعال کردن “Set expires header”
- انقضای طول عمر سربرگ – ۳۱۵۳۶۰۰۰ ثانیه (۱ سال)
- فعال کردن “Set cache control header”
- سیاست کنترل Cache : cache با حداکثر طول عمر
- غیر فعال کردن “Set entity tag (eTag)”
- فعال کردن “Set W3 Total Cache header”
- فعال کردن “HTTP (gzip) compression”
- غیر فعال کردن “Prevent caching of objects after settings change “
- غیر فعال کردن “Disable cookies for static files “Cache
مرورگر- HTML و XML
- فعال کردن “Set Last-Modified header”
- فعال کردن “Set expires header”
- تاریخ انقضای طول عمر سر برگ – ۳۶۰۰ ثانیه (ا ساعت)
- فعال کردن “Set cache control header”
- سیاست کنترل Cache : cache با حداکثر طول عمر
- غیر فعال کردن “Set entity tag (eTag)”
- فعال کردن “Set W3 Total Cache header”
- فعال کردن “HTTP (gzip) compression”
کش مرورگر- رسانه و فایل های دیگر
- فعال کردن “Set Last-Modified header”
- فعال کردن “Set expires header”
- انقضای طول عمر سربرگ – ۳۱۵۳۶۰۰۰ ثانیه (۱ سال)
- فعال کردن “Set cache control header”
- سیاست کنترل Cache : cache با حداکثر طول عمر
- غیر فعال کردن “Set the entity tag (eTag)”
- فعال کردن “Set W3 Total Cache header”
- فعال کردن “HTTP (gzip) compression”
- غیرفعال کردن “Prevent caching of objects after settings change”
- غیر فعال کردن “Disable cookies for static files”
پس از انجام تمام این گام ها، تست سرعت را برای صفحه خود مجددا تکرار کنید. خواهید دید که نمره سرعت صفحه وب شما بهبود یافته و با سرعت بیشتری نسبت به قبل صفحات را باز می کند.