ما در تقدیر نخست آموزش سایت gtmetrix به موارد پایه اشاره کردیم. لینک این مقاله در پایین پیمان دارد و اگر اطلاعات کافی ندارید ابتدا این نوشتار را مطالعه نمایید.
قسمت اول آموزش gtmetrix
در سرنوشت پیش لغایت تب های اطلاعات قبل رفتیم و در عکس ذیل به نمایش پیمان میدیم که کدام سرنوشت مدنظر ماست
آموزش جی تی متریکس
Pagespeed : جزئیات سرعت سایت و مواردی که رسیدگی شده اند و نیز مواردی که نقص دارند و باید برطرف بشه را نمایش می دهد.
Yslow : جزئیات سرعت سایت طبق فاکتورهای yslow . مواردی که در این شیوه باره بررسی پیمان میگیرد، از نقطه نظر سایت یاهو است.
Watefall : این مورد مواردی را که در سایت شما به ترتیب مفتوح میشه و زمانی که میبره لغایت باز بشه را بررسی کرده. با استفاده از این سرنوشت می توانید بررسی کنید کدام تقدیر سایت سررسید بیش از حدی می برد و آن تقسیم را اصلاح نمایید.
Timing : این باره نیز با یک دیاگرام به شما می گوید چقدر سررسید دستگیر لغایت مرحل بارگذاری سایت سپری شود. اگر سرور شما پسندیده نباشد از این بخش می توان این باره را رسیدگی نمایش داد ولی نمی تاب به قطعیت گفت سرور شما مشکلی دارد یا خیر.
Video :در این تقسیم یک فیلم از مراحل بارگذاری سایت شما گرفته و نمایش داده می شود لغایت ببینید جزئیات آن چگونه است. اگر قبلا این گزینه را پرکار نکرده اید می توانید روی گزینه enable video کلیک کنید لغایت آنالیز دوباره به اتفاق با فیلم برای شما انجام گردد. به کارگیری این فیلم برای سایتهایی که سرعت بارگذاری بالایی دارند و البته سررسید بارگذاری اختصار مثل سایت 7سئو، نیاز نیست اما برای کسانی که سایت آنها سرعت مناسبی ندارد کمک کار مناسبی است.
History : در این بخش تاریخچه ای از نتایج آنالیز های قبلی سرعت سایت را خواهید دیدکه بصورت نمودار نمایش داده می شود و می توانید تغییراتی که در سایت دیتا اید را نسبت به قبل بسنجید.
از مواردی که در بالا گفته شد، در
آموزش سئو وردپرس رایگان مهمترین تقدیر page speed score است که نگرش گوگل به سایت شما است. پس به بررسی جزئیات این سرنوشت و مسیر حل برای تک تک دشواری ها آن خواهیم پرداخت.
Leverage browser caching
همانطور که میدانید مرورگرها برای تسریع در باز شدن سایت، برخی موارد را کش می کنند یعنی تو خود ذخیره می کنند الی برای دفعات پس لازم به دانلود آنها نباشد. این گزینه نیز فایلهایی را نشان میدهد که می توانیم به مرورگر دستور کش کردن آنها را بدهیم. برای برطرف کردن این دشوار می توانید کد زیر را در فایل .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 ##
Optimize the order of styles and scripts
یکی از راههای افزایش سرعت بارگذاری سایت، باز شدن فایلهای css پیش از فایل های js است. برای برطرف کردن دشوار در این دسته کافی است فایلهای css را در کدنویسی سایت بالاتر از js قرار دهید لغایت سخت برطرف شود.
Prefer asynchronous resources
اگر جی تی متریکس در اینجا به شما مسکلی نشانه می دهد، بدلیل این است که بین فایلهای جاوا اسکریپت شما ناهماهنگی هستی دارد. برای حل این مشکل باید فایلهای جاوااسکریپت به ترتیب و با فاصله لود بشوند.
Defer parsing of JavaScript
این گزینه اشاره به فایلهای جاوا اسکریپت سایت شما دارد و می گوید شما باید فایلهای جاوا اسکریپت خود را در پایان بارگذاری نمایید. برای حل این موضوع باید کدهای فرخوانی فایل های js را به انتهای صفحه ببرید. برطرف کردن این مشکل شدنی است به بها به هم ریختگی سایت شما تمام شود.
Specify image dimensions
این گزینه به معنی تعیین اندازه عکس ها سایت هست. یعنی در کد html سایت خود بنویسیم که طول و عرض تصویر چقدر است. البته این موضوع در سرعت سایت دارای اهمیت متوسط است. مثال صحیح کد را در پایین ببینید
Minify CSS
این گزینه مربوط به فشرده سازی فایل های css است. برای رفع ین سخت باید همگی فاصله های اضافی در کدهای css خویش را از بین ببرید الی حجم فایل به کمترین میزان خویش برسد. البته برخی وب سایتها نیز این پیشه را برای شما انجام می دهند مانند css minifier اما حتما قبل از فشرده سازی، از فایل cssخود بکاپ تهیه نمایید.
درباره این سایت