در دو بخش گذشته از آموزش بهینه سازی سایت ، درباره بخشهای مقدماتی کار با سایت gtmrtrix صحبت کردیم و هم چنین برطرف سازی ۷ خطا از خطاهای بهینه سازی موجود در سایت gtmetrix را به شما آموزش دادیم . میتوانید دو بخش قبل آموزش بهینه سازی سایت را از لینکهای زیر مشاهده کنید :
آموزش سریع سازی و بهینه سازی سایت ( بخش اول )
آموزش سریع سازی و بهینه سازی سایت ( بخش دوم )
در این بخش به ادامه آموزش کامل بهینه سازی سایت میپردازیم . در ادامه مطلب تعدادی دیگر از خطاهای gtmetrix برای بهینه سازی سایت و نحوه رفع این مشکلات و خطاها را بررسی خواهیم کرد .
۸٫ Minify JavaScript : در این بخش از شما خواسته میشود تا فایلهای js موجود در سایتتان را با فایلهای بهینه سازی شده توسط gtmetrix عوض کنید برای این کار در جلوی هر آدرس فایل js نوشته شده در سایت gtmetrix بر روی گزینه optimized version کلیک کنید تا سایت نسخه بهینه شده فایلهای js را در اختیار شما قرار دهد سپس بههاست خود رفته و به آدرس فایل js مورد نظر درهاست بروید . بر روی فایل js کلیک راست کرده و گزینه edit را بزنید سپس در صفحه باز شده کل کدهای موجود در فایل js را پاک کرده و کدهای سایت gtmetrix را جایگزین کرده و بر روی save changes کلیک کنید تا این بخش برطرف شود .
۹٫ Minify HTML : در این بخش از شما خواسته میشود تا فایل html کل قالب سایت خود را با فایل داده شده توسط gtmetrix جایگزین کنید . که میتوانید در وبلاگها مانند بالا عمل کنید در بخش ۸ عمل کنید و کل کدهای فایل داده شده توسط gtmetrix را با کدهای قالبتان عوض کنید اما در سایتهایی مانند وردپرس و انجمن ساز وی بولتین و …. که از php استفاده میکنند این کار به هیچ وجه عاقلانه نیست و این بخش را نمیتوان از بین برد . برای افزایش درصد سایتتان در این بخش میتوانید فاصلههای میان کدها در بخشهای مختلف قالبتان را از بین برده یا کم کنید .
۱۰٫ Leverage browser caching : در این بخش از شما خواسته میشود که طول مدت نگه داری کچ برای مرورگرها را بالا ببرید برای از بین بردن این خطا کافیست کد زیر را در فایل .htaccessهاست خود وارد کنید .
# ۴۸۰ weeks<FilesMatch “\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$”> Header set Cache-Control “max-age=290304000, public” # ۲ DAYS <FilesMatch “\.(xml|txt)$”> Header set Cache-Control “max-age=172800, public, must-revalidate” # ۲ HOURS<FilesMatch “\.(html|htm)$”> Header set Cache-Control “max-age=7200, must-revalidate”
دقت کنید قبل از وارد کردن کد از فایل .htaccess خود یک بک آپ بگیرید زیرا در برخی سایتها با توجه به سرور شما ممکن است با وارد کردن کد مشکلاتی برای سایت بوجود بیاید .
۱۱٫ Optimize images : در این بخش نیز gtmetrix از شما میخواهد تا عکسهای بهینه شده توسط این سایت را جایگزین لینک عکسهای خود بکنید برای این کار نیز در جلوی لینک هر عکس بر روی گزینه optimized version کلیک کرده و سپس عکس داده شده توسط gtmetrix را بر روی سیستم خود ذخیره کنید و سپس با همان نام و همان پسوند عکس اصلی در همان آدرسی که عکس اصلی شما قرار داشت آپلود کرده و بر روی آن overwrite کنید . تا این بخش نیز برطرف شود .