آموزش بهینه سازی PageSpeed سایت با GTMetrix (بخش چهارم)
بهینه سازی با GTMetrix یکی از ابر جستجوهای وب‌مستران ایرانی تو گوگل هست
آموزش بهینه سازی سایت با GTMetrix – قسمت چهارم
Specify a cache validator : تعیین زمان برای فایلهای کش شده
تو این بخش GTMetrix از شما می‌خواد برای فایلهایی که روی مرورگر کاربر کش کردین اعتبار تعین کنین. برای رفع این خطا کافیه با توجه به نیاز خودتون کدی شبیه کد زیر رو به فایل .htaccess سایت‌تون اضافه کنید.
# BEGIN Cache-Control Headers
<ifModule mod_headers.c>
<filesMatch "\.(ico|jpe?g|png|gif|swf|woff|ttf)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
<filesMatch "\.(css)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
<filesMatch "\.(js)$">
Header set Cache-Control "max-age=2592000, private"
</filesMatch>
<filesMatch "\.(x?html?|php)$">
Header set Cache-Control "max-age=600, private, must-revalidate"
</filesMatch>
</ifModule>
# END Cache-Control Headers
Specify a Vary: Accept-Encoding header : خطا در تعیین نوع کاراکتر برای فایل‌ها
GTMetrix زمانی این خطا رو بهتون نشون میده که یا نوع کاراکتر فایل نشون داده شده درج نشده باشه و یا اینکه از چند نوع متفاوت به صورت یکجا در سایت استفاده کرده باشین.
اگه نبود به بخش هدر فایلی که GTMetrix نشون میده برین، کد زیر رو مثلا برای “utf-8” درست بعد از تگ <head> قرار بدین.
<meta charset="utf-8">
اگه هم مشکل چند تا بودن نوع کاراکتر بود باید نوعی که مد نظرتون هست رو بذارین باشه و بقیه رو پاک کنین.
Specify a character set early : تعیین نوع کاراکتر برای فایل‌ها
این هم مثل گزینه بالایی هست و میگه شما نوع کاراکتر رو تعیین نکردید. مثلا برای سایت‌های فارسی همون کد بالا رو به فایلهایی که نشون میده اضافه کنین.
Remove query strings from static resources : وجود کاراکتر “؟” در انتهای فایلهای استاتیک
این گزینه از GTMetrix به شما نشان میده که تو پایان فایلهای استاتیک (مثل فایلهای جاوا اسکریپت) شما علامت “؟” وجود داره. یعنی در انتهای آدرس اون فایل علامت پرسش وجود هست. این علامت در آدرس باعث میشه که اون فایل در کش مرورگر قرار نگیره و در هر بار مراجعه، دوباره از سرور فراخوانی شه. برای حل این مشکل میتونید یا بصورت دستی علامت سوال را از انتهای نام فایل حذف کنید و هم میتونید از افزونه هایی در این زمینه استفاده کنید.
Minimize redirects : کم کردن ریدایرکت‌های سایت
این گزینه بهتون میگه که باید ریدایرکت‌هایی که تو سایت‌تون انجام دادین رو به حداقل یا اگه ممکنه به صفر برسونین. مثلا بیشتر مواقع در هنگام استفاده از فرم تماس با ما در سایت‌ها و یا تو انجمن‌ها می‌بینین نوشته بعد از فلان ثانیه به صفحه جدید منتقل میشین، اصولا اونها طبق این گزینه باید این ریدایرکت هاشونو حذف کنن.
Minimize request size : کم کردن تعداد درخواست‌ها از سرور
GTMetrix به کمک این گزینه به شما میگه تعداد درخواست‌هایی که برای بارگزاری عکس‌ها، فایلهای استایل، جاوا اسکریپت و… به سرور ارسال میشن رو کم کنین. قابلیت‌هایی چون یکپارچه سازی تصاویر، ادغام فایلهای استایل یا جاوا اسکریپت در صورت امکان، حذف فونت‌ها و فایلهای اضافی می‌تونه مفید واقع بشه.
Serve resources from a consistent URL : محتوای مشابه با لینک‌های متعدد
این بخش فایلهایی رو بهتون نشون میده که محتوای یکسانی دارن ولی آدرس‌های متعددی به اونها داده شده (نمونه: یک عکس تو دو تا آدرس ذخیره شده و لود میشه). برای رفع این مورد خیلی ساده کافیه یکی از لینک‌ها رو استفاده و بقیه اونها رو پاک کنین.
Serve scaled images : تفاوت اندازه اصلی تصویر با اندازه استفاده شده در سایت
اگه تصویری رو سایت داشته باشین که اندازه اصلی اون با اندازه‌ای که از طریق CSS به اون نسبت داده باشین فرق داشته باشه توسط این گزینه بهتون نشون داده میشه. برای حل یا باید اندازه تعیین شده رو حذف کنین و یا اینکه عکس رو در همون اندازه‌ای که استفاده کردین ذخیره کنین.
این مورد بیشتر زمانی خودش رو نشون میده که شما یک تصویر بزرگ رو در اندازه کوچیکی استفاده کرده باشین. در حقیقت این کار حجم اضافی رو برای بارگزای به کاربر تحمیل میکنه.