سرعت بالای لود سایت نیاز اصلی و اساسی هر وب سایت است، چرا که بالا بودن سرعت لود سایت از نظر موتور جستو جو گوگل بسیار قابل اهمیت است و اگر استاندارد‌های لازم برای سرعت سایت را داشته باشید موتور جست و جو گوگل شما را در حوزه کاریتان به مخاطبان بیشتری نمایش خواهد داد.
در این مقاله با همیار سایت همراه باشید تا به طور کامل آموزش جی تی متریکس را بررسی کنیم.
یکی از ابزارهای آنلاینی که به کمک آن میتوانید تمام خطاها و ارور‌های مربوط به سرعت سایت را بررسی کنید GTmetrix میباشد، همیار سایت در این مقاله آموزشی به آموزش جی تی متریکس و رفع تمام خطاهای GTMETRIX میپزدازد.
آموزش کامل و جامع جی تی متریکس و رفع خطاهای gtmetrix
سوالاتی که ذهن اکثر صاحبان سایت را درباره سرعت پایین سایت درگیر کرده به شرح زیر میباشد.
- علت پایین بودن سرعت سایت چیه؟
- به چه شکلی سرعت سایت رو افزایش بدم؟
- ترفند‌های افزایش سرعت سایت چه چیز‌هایی هستند؟
- استفاده از افزونه‌های افزایش سرعت لود سایت چه تاثیری به روی سایت‌های وردپرسی دارد؟
ما ابتدا برای این که متوجه بشویم علت پایین بودن سرعت لود سایت ما چیست باید از ابزارهای آنلاینی که سرعت سایت را بررسی میکنند استفاده کنیم، یکی از این ابزارهای پرطرفدار جی تی متریکس است که بررسی میکند سرعت صفحات سایت ما به چه صورتی است؟ و وقتی یک صفحه را باز میکنیم دقیقا اتفاقاتی که در لود این صفحه رخ میدهد؟ یعنی وقتی وارد صفحه ای از سایت میشویم، حجم این صفحه چقدر است و چه مدت زمان هم طول میکشه که این صفحه لود بشه و در نهایت تعداد درخواست‌هایی که به سرور برای لود سایت ارسال میشه چندتاست؟
بهترین ابزار برای بررسی سرعت، سایت GTmetrix هست. این سایت با استفاده از مرورگرهای مختلف و لوکیشن های مختلفی که روی نرم افزار آنلاین خودش داره این امکان رو به شما میده که سرعت لود سایتتون را به صورت زنده مشاهده کنید و ببینید که برای لود هر صفحه از سایت چه تعداد درخواست، چه میزان حجم و چقدر زمان نیاز است. بعد از اینکه این موارد رو به شما ارائه داد میتونید تک تک فایل‌زها و قابلیت هایی که روی افزایش سرعت تاثیر دارد را ببینید که در چه سطحی قرار دارند. به عنوان نمونه میتونید ببینید که تصاویر استفاده شده تا چه میزان بهینه هستند؟ آیا از کش مرورگر و تاثیر استفاده از CDN در سایت مطلع هستید؟ فایل‌های CSS و JS تا چه حدی فشرده شدن؟ اصلا فشرده‌سازی برای فایل های سایت انجام دادید یا خیر؟!
جی تی متریکس چیست؟
همان طور که قبلا اشاره شد سرعت سایت رابطه مستقیمی با سئو سایت دارد برای یافتن مشکلات مربوط به سرعت بارگذاری و رفع خطاها ابزارهای مختلفی وجود دارد که یکی از معروف‌ترین و پر مصرف‌ترین آنها جی تی متریکس میباشد که یکی از سرویس‌های دو شرکت بزرگ یاهو و گوگل است. GTMETRIX به صورت کاملا دقیق وب سایت را مورد بررسی قرار میدهد و تحلیل‌های دقیقی را در حوزه‌های مختلف ارائه میدهد. اندازهگیری دقیق سرعت سایت یک عامل حیاتی برای وب سایت میباشد. اندازهگیری سرعت سایت باید چندین بار در فاصله زمانی‌های مختلف تست شود و میانگین نتایج گرفته شده است که سرعت واقعی سایت را نشان میدهد. به دلیل اینکه عملکرد وب سایت شما در طول روز با توجه به تعداد بازدید کننده‌ها و یا حتی استفاده از جعبه سرور در صورت مشترک بودن هاست تغییر خواهد کرد. اگر چه سرعت واقعی بارگذاری نشان داده شده در ثانیه در طول یک روز ممکن است تغییر کند؛ اما جی تی متریکس راهکارهای بسیار خوبی را برای چگونگی بالا رفتن سرعت وب سایت نشان میدهد که با گذشت زمان تغییر نخواهد کرد. اساس استفاده از جی تی متریکس به صورت رایگان میباشد و می توانید با مراجعه به سایت https://gtmetrix.com، آدرس سایت مورد نظرتان را وارد کنید و بر روی دکمه Analyzeکلیک کنید تا عملیات بررسی سایت به سادگس شروع شود.
حال چند لحظه صبر کنید تا مرورگر جی تی متریکس، سایت مورد نظر شما را آنالیز کند اگر تعداد درخواست‌های سایت شما به سرور کم باشد کمتر از یک دقیقه سایت شما کامل آنالیز شده و در صفحه بعدی نتایج آنالیز سایت شما نمایش داده میشود که در ادامه به آن اشاره میکنیم و تمام نکات آموزش جی تی متریکس را بررسی خواهیم کرد.
حالا همونطور که در تصویر بالا میبینید یک امتیاز کلی برای سایت مورد نظر در بالا نشان داده میشود و در پایین هم پارامتر‌های استفاده شده برای میزان بهینه بودن سایت با استفاده از ابزار GTMTRIX نمایش داده میشود که بر اساس رنگبندی برای هر یک از این پارامترها امتیازی هم به صورت درصدی داده شده که به شرح زیر هستند:
- خاکستری: به این معنی هست که این پارامتر در سایت شما اصلا رعایت نشده و امتیازی هم برای اون وجود نداره
- قرمز: به این معنی هست که پارامتر مورد نظر در سایت وجود داره، اما به صورت بهینه ازش استفاده نشده و کمترین امتیاز را دارد
- نارنجی: به این معنی هست که پارامتر در سایت شما رعایت شده و وجود داره، اما به صورت کامل رعایت نشده و باید آن را بهبود بخشید
- سبز کم رنگ: به این معنی هست که پارامتر مورد نظر رعایت شده و امتیاز قابل قبولی هم دریافت کرده، اما میتونه بهتر هم باشه
- سبز پر رنگ: به این معنی هست که پارامتر مورد نظر به صورت کامل رعایت شده و جای هیچ نقصی در آن وجود ندارد
همان طور که میبینید در کادر GTmetrix GRADE یک امتیاز کلی از آنالیز سایت به شما نمایش داده میشود و طبق رنگبندی و درصد که در بالا گفتیم عملکرد و سرعت لود سایتتان را نمایش میدهد.
GTmetrix GRADE: برای نمایش میزان لود و سرعت وب سایت به صورت درصدی بر اساس الگوریتم های گوگل است، که مقدار سرعت وب سایت شما را نمایش میدهد. در این میانگین هم همان رنگبندی های بالا وجود داره و هرچی درصد بالاتر برود به رنگ سبز و هرچی پایین‌تر باشد به رنگ قرمز منتهی خواهد شد. همچنین این امتیاز بر اساس حروف الفبا انگلیسی هم از حرف A تا F رده‌بندی شده که بر اساس درصد نهایی که مشخص شده یکی از این حروف نمایش داده میشه که در اینجا حرف A در وب سایت همیارسایت به معنی امتیاز بالا میباشد.
Structure: این گزینه برای نمایش میانگین بهینه بودن وب سایت شما میباشد که بر اساس میزان بهینه بود فایل ها نمایش داده میشوند و از الگوریتم های گوگل در این رده‌بندی استفاده شده است. با این رده‌بندی میتوانید متوجه بشوید که کدام یک از فایل های وب سایت شما هستند که باعث کند شدن سایت شده اند و به کمک همین ستون میتونید فایل‌های حجیم که باعث لود کند سایت میشه رو شناسایی کنید و مشکل را برطرف کنید.
WEB vitals: مجموعه کوچکی از فعالیت‌ها است که به شما میگوید که آیا شما به مخاطبطان تجربه سریع از آنچه گوگل میخواهد میدهید یا خیر این امکان در سال 2020 معرفی شد.
LCP در وب ویتال چیست؟ال سی پی به شما میگوید که چقدر طول میکشد که بزرگترین و حجیم‌ترین بخش سایت لود بشود مثل یک اسلایدر و ...
TBT: به شما میگوید که در فرآیند بارگذاری صفحه، چه مدت زمانی توسط اسکریپت‌ها مسدود شده است. همچنین برای داشتن یک تجربه کاربری خوب، باید TBT 150 میلی ثانیه یا کمتر را در نظر داشته باشید. به عبارت دیگر این معیار نشان میدهد که صفحه وب شما در طول کامل شدن بارگزاری، چقدر قابل استفاده است. CLS: نشان میدهد که بازدید کنندگان با بارگیری صفحه شما چه مقدار تغییرات در لایه‌ها را تجربه میکنند. در واقع نشان میدهد که صفحه وبسایت شما هنگام بارگیری چقدر پایدار عمل میکند و آیا تغیرات بزرگی در آن دیده میشود یا خیر؟ شما برای داشتن یک تجربه کاربری خوب، باید نمره CLS 0.1 یا کمتر را در نظر بگیرید.
آموزش رفع خطاها ی جی تی متریکس و نحوه کار با GTmetrix
خب، حالا که تست سرعت، وب سایت رو انجام دادین و نتایج برای هر پارامتر نشون داده شده است، حالا نوبت این رسیده که هر پارامتر رو بررسی کنید و ببینید که دقیقا چه چیزی است و بعد شروع به بهینه کردن این پارامترها بکنید. در ادامه به صورت دسته‌بندی شده به معرفی هر کدوم از پارامترهایی که در ستون‌ها که میتونید برای بهبود سرعت سایت با جی تی متریکس و آموزش افزایش جی تی متریکس و افزایش سرعت سایت وردپرس در gtmetrix از این راهنمای کامل استفاده کنید.
زبانه summary در جی تی متریکس (GTmetrix) چیست؟
در زبانه summary میتوانید به اصلی‌ترین اطلاعات فنی وب سایت خودتون دست پیدا کنید اطلاعاتی که در این زبانه به شما داده میشود بسیار مهم است و شما میتونید در راستای بهبود عملکرد وب سایتتان از آن استفاده کنید
همانطور که در عکس بالا مشاهده میکنید گزارش زبانه summary دارای 3 بخش میباشد.
بخش Speed Visualization
در بخش Speed visualization میتوانید خلاصه ای از ساختار صفحات و نحوه لود آنها را به صورت تصویری مشاهده کنید.
بخش Top Issues
در ادامه به بخش Top issues مواجه میشوید که اخطار‌های اصلی وب سایت شما را همراه با جزئیات کامل بیان میکند به این نکته توجه داشته باشید که این قسمت اصلی‌ترین مشکلات وب سایت شما را به شما نشان میدهد، ابتدایی‌ترین کاری که باید انجام دهید این است که ابتدا ارور‌های این بخش را حل کنید.
بخش Page Details
در پایین صفحه بخش دیگری تحت عنوان Page Details وجود دارد که میتوانید اطلاعات مربوط به انواع درخواست‌های صفحات وب سایتتان که شامل تعداد درخواست‌ها و اندازه آنها میشود را مشاهده کنید. این امر به شما کمک میکند تا بتوانید به درک بهتری درباره زمان بارگذاری صفحه و حجم کدهای موجود دست یابید.