آموزش جی تی متریکس (GTmetrix)

افزایش سرعت سایت یکی از اصلی ترین موارد در تمام سایت هاست. چرا که هر چه سرعت لود سایت ما بیشتر باشد، وبسایت ما نزد کاربر و گوگل امتیاز بالاتری خواهد داشت. لود سریع سایت موجب می شود سایت ما نرخ تبدیل و کلیک بالایی داشته باشد. یکی از ابزار هایی که با استفاده از آن می توان وضعیت سرعت سایت خود را متوجه شویم و به کمک آن خطاهای لود سایت را رفع کنیم، سایت GTmetrix می باشد. این سایت می تواند به صورت آنلاین وضعیتی از سرعت سایت شما ارائه دهد. که می توانید آن ها را رفع کنید و نتیجه عالی را کسب کنید.

در ادامه به آموزش کامل جی تی متریکس و رفع خطاهای GTmetrixدر سایت بپردازم.

سایت GTmetrix چیست؟

سایت جی تی متریکس با آدرس کامل www.gtmetrix.com در دسترس هست. این سایت به صورت آنلاین می تواند به شما، نسبت به تست سرعت سایت در GTmetrix اقدام کنید. این سایت به صورت کلی تمامی فایل های که درون یک صفحه لود می شود را براساس پارامترهایی که برای بهینه سازی سرعت سایت دارد را به صورت کامل امتیازدهی می کند و در انتها از آن ها میانگین می گیرد.

آموزش کامل GTmetrix و رفع خطاهای آن

برای استفاده از ابزار آنالیز سایت جی تی متریکس ابتدا باید وارد سایت آن شوید و سپس سایت موردنظر خود را در فیلد Analyze Performance وارد کرده و سپس روی دکمه Analyze کلیک کنید.

پس از چند لحظه و آنالیز کامل سایت توسط سایت GTmetrix، مرورگر این نرم افزار به شما شروع به لود شدن کرده و بررسی سایت به صورت کامل در جی تی متریکس انجام می گیرد.

پس آنالیز کامل سایت شما، امتیازاتی مبنی بر سرعت سایت شما نشون داده میشود که در آن داده ها و پارامترهای مختلفی با رنگ های مختلف نشان داده می شود و این داده از این پارامترهای امتیازی هم به صورت درصدی داده شده که به شرح زیر است:

• خاکستری: رنگ خاکستری به این معنی است که این پارامترها در سایت شما رعایت نشده و امتیازی هم برای اون وجود ندارد.
• قرمز: رنگ قرمز به این معنی است که پارامترهای موردنظر در سایت وجود دارد، که نیاز است به صورت قطعی بهینه شود.
• نارنجی: این رنگ بدین معناست که پارامتر در سایت شما رعایت شده اند اما نیاز به بهبود بیشتر دارد.
• سبز کم رنگ: این رنگ در سایت شما نشان دهنده نمره قابل قبولی است، اما شما میتوانید نمره آن را بهبود ببخشید.
• سبز پر رنگ: امتیاز ویژه و قطعی که به عنوان امتیاز ویژه محسوب می شود و مناسب ترین نمره برای سایت شماست.

منو کاربردی GTmetrix

در منوی اصلی نشان دهنده وضعیت سایت 6 تب اصلی وجود دارد که هر کدام از آن ها به شما دیتا و داده ای منحصربفرد را نشان می دهد.

Summary: در این تب می توانید به صورت اختصاصی و خلاصه وار تمامی خطاها یا مشکلات سایت خود را مشاهده کنید و به آنالیز آنها به صورت تصویری و به کمک جی تی متریکس بپردازید.

Performance: .قسمت پرفورمنس جی تی متریکس به شما تمامی موارد و نکات مهم سایت مانند fcp،lcp  موارد دیگری که در سایت وجود دارد را براساس ثانیه نشان می دهد.

این بخش به دو قسمت مجزا با نام های Performance Metrics و Browser Timings تقسیم می شود.

Structure: در این صفحه می توانید دیتا کامل داده ها را رویت کنید و آن ها را به طور کامل رفع کنید.

WaterFall: در بخش waterfall، می توانید تمامی Url های تاثیر گذار بر سایتتان که موجب افزایش سرعت یا کاهش شود ارمشاهده و جهت بهبود آن تلاش کنید.

Video: در قسمت ویدیو می توانید با ورود به سایت، اطلاعات سایت خود را به صورت ویدیویی مشاهده کنید.

History: در قسمت تاریخچه و History هم می توانید تاریخچه سایت خود را مشاهده کنید.

واژگان جی تی متریکس GTmetrix

در سایت جی تی متریکس به صورت خلاصه برخی از نوشته موجود است که هر کدام نشان دهنده موضوع ویا موردی به خصوص از سایت شما هستند.

(FCP (First Contentful Paint

FCP مخفف First Contentful Paint است. این مفهوم زمانی است که  اولین المان یا محتوای صفحه‌وب شما به بازدیدکننده‌ها نمایش داده می‌شود. در حالت ایده‌آل این زمان باید کمتر‌ از یک ثانیه باشد.

LCP (Largest Contenful Paint)

LCP مخفف عبارت Largest Contentful Paint به معنای بزرگترین عنصر محتوا صفحه است، این المان معیاری جهت سنجش سرعت بارگذاری صفحه است. lcp مدت زمانی را که صرف لود بزرگ ترین عنصر صفحه تا زمان نمایش کامل آن می شود را مشخص می کند.

(Total Blocking Time)

معیار tbt یا Total Blocking Time شاخصی است که برای ارزیابی سرعت پاسخگویی صفحات وب سایت حین لود شدن پس از درخواست کاربر به کار می رود که شاخص مهمی برای سنجش عملکرد سرعت سایت به شمار می آید.

CLS یا Cumulative Layout Shift

در حقیقت CLS به جا به جایی‌های ناگهانی گفته می‌شود که در هنگام لود شدن ناگهانی یک صفحه رخ می‌دهد. این تغییر ناگهانی شامل تغییر در فونت، تصاویر و عکس‌ها، ویدئوها و تمامی اجزای تشکیل دهنده یک صفحه است.