آپدیت جدید جی تی متریکس

یکی از اصلی ترین ابزار ها برای هر وبمستر و طراح وبی یعنی جی تی متریکس آپدیت جدیدش رو منتشر کرده و میشه گفت کاملا با شکل شمایل قبلش متفاوت تر برگشته; ما توی این مقاله میخوایم بخش های مختلف رو در آپدیت جدید gtmetrix بهتون معرفی کنیم و آموزش های اولیه رو بدیم :)

با اعلام رسمی گوگل مبنی بر اهمیت داشتن PX یا همان page experience در رتبه بندی وبسایت ها، وبسایت GTmetrix نیز که نامی آشنا برای تمامی وبمستر ها و سئو کاران ایرانی و همینطور بین المللی است، سیستم آنالیز سرعت وب سایت خود را با استفاده از API های Lighthouse بروزرسانی کرده و اکنون آنالیز وبسایت ها را بر اساس متغیر های لایت هاوس انجام می دهد. به همین دلیل بسیاری از وبسایت ها که پیش از این با استفاده از الگوریتم قبلی سنجش و رفع اشکال شده بودند، اکنون دچار مشکل شده و مجددا نیازمند بروزرسانی و رفع خطاهای مشخص شده ذر روش جدید می باشند.

در آپدیت جدید جی تی متریکس چه تغییراتی به وجود آمده است؟

همانطور که مشاهده می کنید، performance scores جای خود را به GTmetrix grade داده است در نتیجه دیگر اثری از pagespeed score و Yslow score وجود ندارد و Performance و Structure جای آنها را گرفته اند. همچنین در کادر WEB Vitals گزینه های LCP ، TBT و CLS جایگزین Page load Time ،  Total Page Size  و request در کادر  page ditailsشده اند. پس در ادامه لازم است که با هرکدام از این موارد در گزارش های جدید GTmetrix آشنا شویم.

Performance چیست؟

Performance به معنی عملکرد و کارایی وبسایت مورد نظر شما می باشد. که بر اساس الگوریتم لایت هاوس سنجیده شده و نتایج آن به درصد پیش روی شما قرار میگیرد.

Structure چیست؟

Structure به معنی ساختار بود و منظور جی متریکس سنجش ساختار وبسایت شما بوده که بر اساس الگوریتم PX بررسی شده و نتایج آن به درصد نمایش داده می شود.

WEB vitals چیست؟

نکته مهم: در این مقاله منظور ما از وب ویتال صرفا آن بخش از معیار های ارزیابی وب ویتال است که در الگوریتم جدید وبسایت جی تی متریکس کاربر دارد در نتیجه تعریف کلی و جامعی از آن را ارائه نخواهیم کرد. برای مطالعه بیشتر اینجا کلیک کنید

Web Vital مجموعه کوچکی از معیارهای اصلی است که نشان می دهد آیا شما یک تجربه سریع مطابق آنچه که گوگل انتظار دارد را به بازدید کنندگان خود ارائه می دهید یا خیر؟گوگل مفهوم جدیدی را در سال ۲۰۲۰ با عنوان “WEB Vitals” معرفی کرد که بر روی مجموعه کوچکی از معیارهای اصلی برای ارزیابی تجربه صفحه شما متمرکز است. با توجه به زمان بندی و ممیزی های فراوان برای ارزیابی عملکرد صفحه ، این مجموعه کوچک نشان دهنده تأثیرگذارترین معیارها برای تمرکز است که به منظور ساده سازی دنیای عملکرد وب است.

هر معیار نمایانگر یک جنبه اصلی از تجربه صفحه است ، یعنی بارگذاری ، تعامل و ثبات بصری.

Web Vital اساساً صفحه شما را برای ۳ معیار اصلی اندازه گیری می کند که یک صفحه با عملکرد سریع را تعریف می کند. اهمیت وب ویتالز از این جهت که نیمی از معیارهای محاسبه امتیاز عملکرد را تشکیل می دهند ، بیشتر مورد تأکید قرار می گیرد.

در ادامه به شرح این معیار های سنجش سرعت گوگل خواهیم پرداخت.

Web Vital های مختلف کدامند؟

Web Vital ها در GTmetrix روی سه معیار امتیاز عملکرد متمرکز هستند:

Largest Contentful Paint (LCP)
Total Blocking Time (TBT)
Cumulative Layout Shift (CLS)

نکته مهم: توجه داشته باشید که TBT به جای تأخیر ورودی اول (FID) استفاده می شود زیرا GTmetrix یک آزمایش مصنوعی است و FID یک معیار درست است که فقط با گزارش های تجربه کاربر Chrome (CrUX) در دسترس است.

چرا وب ویتال اهمیت دارد؟

مجموعه ای بزرگی از معیارهای عملکرد در دسترس است و ممکن است درک اینکه کدام یک از آنها را تجزیه و تحلیل و بهینه سازی کنید دشوار برای شما دشوار باشد، مگر اینکه شما یک توسعه دهنده وب حرفه ایی باشید. بنابراین Web Vital بعنوان یک معیار ساده برای تجربه کاربر از نظر عملکرد درک شده ، تعامل و لذت بخشی عمل می کند.

وقتی عملکرد صفحه خود را در نظر می گیرید ، باید تمرکز اولیه شما روی این مجموعه کوچکتر از معیارها باشد. علاوه بر این ، Web Vital نماینده آنچه بازدیدکنندگان برای اولین بار در بازدید از صفحه وب شما مشاهده می کنند است، آنچه آنها ابتدا می بینند در نهایت بر درک آنها از عملکرد صفحه شما تأثیر می گذارد. تمرکز بر روی این سه معیار ابتدا به شما این امکان را می دهد تا در عملکرد واقعی و قابل درک ، بهینه سازی سودمندی را به انجام رسانید ، قبل از اینکه به تلاش برای انجام سایر بهینه سازی ها بپردازید.

در ادامه به شرح این معیار های سنجش سرعت گوگل خواهیم پرداخت.

منظور از LCP در جی تی متریکس چیست؟

LCP به شما میگوید که چه مدت طول می کشد تا بزرگترین عنصر محتوایی (به عنوان مثال یک تصویر اسلایدر یا تیتر اصلی) در صفحه شما برای بازدید کنندگان قابل نمایش و رویت است. به زبان ساده تر، نشان میدهد که سرعت بارگزاری صفحه شما چقدر سریع است. برای داشتن یک تجربه کاربری عالی ، باید که LCP کوچکتر یا مساوی با ۱٫۲ ثانیه باشد.

بررسی اجمالی Largest Contentful Paint

Largest Contentful Paint (LCP) معیار عملکردی است که در سال ۲۰۲۰ توسط Lighthouse برای سنجش بهتر تجربه بارگیری قابل درک برای کاربران ارائه شده است. با بیان ساده تر، LCP اندازه گیری می کند که چه مدت طول می کشد تا بزرگترین “عنصر محتوا” (به عنوان مثال ، تصویر قهرمان ، متن عنوان و غیره) در صفحه شما در نمای بازدید کننده شما قابل مشاهده باشد. LCP یکی از معیارهایی است که Google’s Web Vitals را تشکیل می دهد.

LCP چه چیزی را اندازه گیری می کند؟

به گفته گوگل: “LCP یک معیار مهم کاربر محور برای اندازه گیری سرعت بارگیری قابل درک است زیرا هنگامی که محتوای اصلی صفحه بارگیری می شود ، یک LCP سریع به کاربر اطمینان می دهد که صفحه مفید است.”

اساساً ، LCP میزان مصرف سریع محتوای قابل توجه در صفحه وب شما توسط بازدید کنندگان را اندازه گیری می کند. فرض این است که بارگذاری بزرگترین عنصر محتوای صفحه شما ، مانند یک چرخ فلک (carousel) یا تصویر قهرمان (hero image)، یک شاخص اصلی برای بارگذاری صفحه شما برای بازدید کنندگان شماست.

LCP اندازه گیری می کند که بزرگترین عنصر محتوای صفحه با چه سرعتی بارگیری می شود

یک “عنصر محتوا” هر عنصر HTML است، مانند:

یک عنصر تصویر
یک عنصر ویدیویی
عنصری که تصویر پس زمینه از طریق تابع URL بارگیری می شود (به جای اعلام آن در CSS)
عناصر سطح بلوک مانند