سایت GTMetrix به یکی از ابزارهای حیاتی وبمستران ایرانی تبدیل شده است. این سایت قادر است تا سایتها را به صورت دقیق آنالیز کند، در نتیجه با برطرف کردن مشکلاتی که GTMetrix به آنها اشاره میکند میتوانید سایت بهینهتر و پرسرعتتری داشته باشید.
نکته : قبل از خواندن این مطلب، حتماً قسمت ۱ این سری آموزش را بخوانید.
Optimize Images : این مورد از شما میخواهد که عکسهای موجود در سایت خود را بهینه (کمحجم) کنید و از آنها استفاده کنید تا سرعت بارگذاری صفحهی شما بالاتر رود. برای این کار باید نسخههایی که خود GTMetrix در اختیار شما قرار میدهد را با نسخهی اصلی در هاست خود جایگزین کنید.
Remove query strings from static resources : این مورد از شما میخواهد تا کاراکتر “?” را از آخر آدرس فایلهای استاتیک خود (مثل فایلهای جاوا اسکریپت) حذف کنید. برای این کار، کد زیر را در فایل functions.php قالب خود قرار دهید:
// Remove query strings from static resources
function _remove_script_version( $src ){
$parts = explode( ‘?’, $src );
return $parts[0];
}
add_filter( ‘script_loader_src’, ‘_remove_script_version’, 15, 1 );
add_filter( ‘style_loader_src’, ‘_remove_script_version’, 15, 1 );
Specify Image Dimensions : این مورد از شما میخواهد تا برای عکسهای خود، طول و عرض تعریف کنید. این کار باعث میشود تا هم مرورگر فضایی از صفحه را به آن عکس اختصاص دهد و صفحهی زودتر لود شود و هم تأثیر زیادی بر روی ایندکس شدن سایت شما توسط گوگل میگذارد و این یعنی سئو!
برای این کار باید عکس خود را در کدهای قالب پیدا کنید.
اگر کد به این شکل است:
<
img
src
=
"لینک"
alt
=
"توضیح"
/>
آن را به این شکل تغییر دهید:
<
img
src
=
"لینک"
alt
=
"توضیح"
width
=
"طول"
height
=
"عرض"/>
Optimize the Order of Styles and Scripts : این مورد از شما میخواهد تا ابتدا فایلهای Style و سپس اسکریپتها را فراخوانی کنید. برای این کار، افزونهی Autoptimize را به شما پیشنهاد میکنیم.
Use a CDN : این مورد از شما میخواهد تا سایت خود را به یک CDN متصل کنید. CDN باعث میشود تا صفحهی شما هنگام بارگذاری از نزدیکترین سرور موجود خوانده شوند. اگر از دامنهای غیر از ir استفاده میکنید، میتوانید از سایتهایی مثل CloudFlare برای این کار استفاده کنید.
Make fewer HTTP requests : این مورد از شما میخواهد تا تعداد درخواستهایی که هنگام لود شدن سایت به سرور شما داده میشود را با استفاده از ترکیب فایلهای جاوا اسکریپت و CSS کاهش دهید. برای گرفتن امتیاز بالا در این مورد نیز از افزونهی Autoptimize استفاده کنید.
منتظر قسمتهای بعدی باشید!
لینک کوتاه این مطلب:
نیما حیدری نسب هستم ۱۶ ساله از فردیس کرج، معاون سایت کلک آموز
سلام توی این بخشSpecify Image Dimensions باید تمامی تصاویر رو به یک اندازه اصلاح کرد یا میشه تصاویر اندازه هاشون فرق کنه
باید اندازهی واقعی خود تصویر رو وارد کنید.