CrUX Metrics & Dimensions

در مقاله گذشته در رابطه با گزارش CrUX و ابزارهایی که از طریق آن‌ها می‌توانید به گزارشات CrUX وب‌سایت دسترسی داشته باشید صحبت کردم، در این مقاله پارامترهای گزارشات CrUX را به شما معرفی می‌کنم.

اگر مقاله گذشته را مطالعه نکرده‌اید پیشنهاد می‌کنم قبل از مطالعه این مقاله، مقاله CrUX Method& Web Core Vitals را مطالعه کنید.

گزارشات CrUX براساس دو دسته پارامتر Metric که به داده‌های کمی (عددی) و Dimension که به داده‌های کیفی اشاره دارد ارائه می‌شود. در اولین گام به سراغ پارامترهای کمی یا همان Metric ها می‌رویم.

متریک‌ها پارامترهای کمی هستند که براساس اطلاعات دریافتی از مرورگر کاربران جمع آوری می‌شوند و نشان دهنده عملکرد سایت در مرورگر کاربران هستند. متریک‌های CrUX مقدار ثابتی ندارند و ممکن است برای هر کاربر با کاربر دیگر متفاوت باشند. به همین دلیل مقدار Metric هایی که در گزارشات CrUX ارائه می‌شود براساس نتایجی است که از کل مرورگرهای کاربران بدست ‌آمده است.

متریک‌های Metrics، گزارشCrUX عبارتند از:

(FCP) First Contentful Paint

(DCL) DOM Content Loaded

(LCP) Largest Contentful Paint

Onload

(CLS) Cumulative Layout Shift

(FID) First Input Delay

(INP) Interaction to Next Paint

(TTFB) Time To First Byte

Notification Permissions

متریک (FCP) First Contentful Paint

متریک FCP به مدت زمانی که اولین پیکسل از یک صفحه لود ‌شود گفته می‌شود. زمانی که شما بر روی یک لینک کلیک می‌کنید یا آدرس یک صفحه را وارد می‌کنید، صفحه شروع به لود می‌کند؛ به مدت زمانی که طول می‌کشد شما اولین پیکسل را در صفحه مشاهده کنید FCP یا First Contentful Paint گفته می‌شود. مقدار FCP کمتر از 1.8 ثانیه خوب است.

متریک DOM Content Loaded (DCL)

متریک DCL به مدت زمانی که اولین المان از یک صفحه به صورت کامل لود ‌شود گفته می‌شود. زمانی که شما بر روی یک لینک کلیک می‌کنید یا آدرس یک صفحه را وارد می‌کنید، صفحه شروع به لود می‌کند و بعد از لحظاتی شما اولین المان را که امکان دارد یک عکس، متن، نمودار و یا سایر موارد مشابه باشد را مشاهده می‌کنید. به مدت زمانی که طول می‌کشد تا شما اولین المان در صفحه را به صورت کامل مشاهده کنید DCL یا DOM Content Loaded گفته می‌شود.

تفاوت FCP و DCL

متریک FCP به مدت زمان لود اولین جز از صفحه که می‌تواند حتی یک رنگ جزئی باشد گفته می‌شود اما DCL به مدت زمان لود کامل اولین المان در صفحه گفته می‌شود. با توجه به تعاریف بیان شده مدت زمان FCP برابر و یا کوتاهتر از DCL خواهد بود.

متریک (LCP) Largest Contentful Paint

متریک LCP به مدت زمانی که بزرگترین المان صفحه لود و آماده تعامل Interaction شود گفته می‌شود. LCP حتما باید المانی باشد که بدون اسکرول کردن در صفحه قابل مشاهده باشد. مقدار LCP کمتر از 2.5 ثانیه خوب است.

متریک Onload

متریک Onload زمانی فعال می‌شود که محتوای یک صفحه به صورت کامل لود شود. منظور از محتوای صفحه مواردی است که در قسمت body کدهای صفحه قرار دارند.

متریک Cumulative Layout Shift (CLS)

متریک CLS میزان تغییر چیدمان المان‌های یک صفحه را در طول زمان لود کامل صفحه، می‌سنجد.

گاهی زمانی که شما در حال بارگذاری صفحه هستید، مشاهده می‌کنید که با لود برخی المان‌های صفحه مانند تصویر، بنر و یا سایر موارد مشابه، المان‌هایی که تا قبل از آن‌ لود شده بودند تغییر مکان می‌دهند؛ برای مثال هنگامی که تصویر لود می‌شود برخی از متن‌هایی که قبل از تصویر، لود شده بودند پایین می‌روند و چیدمان صفحه تغییر می‌کند. هر چقدر تغییر چیدمان صفحه بیشتر باشد مقدار CLS هم بیشتر خواهد بود که نشان دهنده کیفیت پایین صفحه در متریک CLS است. مقدار CLS کمتر از 0.1 خوب است.

متریک First Input Delay (FID)

گاهی هنگامی که صفحه لود می‌شود امکان تعامل و اینترکشن Interaction با صفحه با تاخیر همراه است. برای مثال اگر بلافاصله پس از لود صفحه، شما بر روی لینک کلیک کنید و یا در فیلدی متنی تایپ کنید اتفاقی نمیافتد و پس از چند لحظه (میلی ثانیه ms) امکان تعامل فراهم می‌شود،

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

هر چقدر تاخیر اولین تعامل با صفحه بیشتر باشد مقدار FID هم بیشتر خواهد بود که نشان دهنده کیفیت پایین صفحه در متریک FID است. مقدار FID کمتر از 100 میلی ثانیه خوب است.

متریک Interaction to Next Paint (INP)

با توجه به تعریفی که برای FID بیان شد، کل تاخیر تعامل Interaction با صفحه با متریک INP سنجیده می‌شود. مقدار INP کمتر از 100 میلی ثانیه خوب است.

تفاوت FID و INP

متریک FID به تاخیر اولین تعامل Interaction با صفحه اشاره دارد در صورتیکه INP به کل تاخیر تعاملات Interactions با صفحه اشاره می‌کند. با توجه به تعاریف بیان شده مدت زمان FID برابر و یا کوتاهتر از INP خواهد بود.

متریک Time To First Byte (TTFB)

متریک TTFB مدت زمان پاسخگویی وب سرور به درخواست‌های HTTP کاربر است. به مدت زمانی که طول می‌کشد تا مرورگر اولین بایت byte اطلاعات را پس از درخواست HTTP کاربر، از وب سرور دریافت کند Time To First Byte گفته می‌شود.

لازم به ذکر است که متریک TTFB بر خلاف سایر متریک (مانند LCP ) که در پیش رندر اندازه‌گیری می‌شوند؛ فقط در لود کامل صفحه اندازه‌گیری می‌شود.

همانطور که در تصویر بالا مشاهده می‌کنید این متریک مراحلی از جمله (در صورت وجود) Redirect، Cache، DNS، TCP، Request و Response را شامل می‌شود.

نمی‌توان مقدار مشخصی را برای TTFB خوب در نظر گرفت چون این موضوع به مواردی از جمله SSL بودن سایت بستگی دارد اما به عنوان یک راهنمایی کلی TTFB کمتر از 0.8 ثانیه مناسب است.

متریک Notification Permissions چیست؟

این متریک برای وب‌‌سایت‌هایی است که قصد ارسال نوتیفیکیشن به کاربران را دارند.

مطمئنا برای شما هم پیش آمده که هنگام باز کردن یک سایت، با پیامی در خصوص اجازه ارسال نوتیفیکیشن در مرورگر مواجه شوید. Notification Permissions تعداد نسبی پاسخ‌های کاربران به این نوتیفیکیشن را می‌سنجد و بررسی می‌کند که چند درصد از کاربران یک سایت به این نوتیفیکیشن پاسخ مثبت یا پاسخ منفی داده و یا اصلا نوتیفیکشن را نادیده گرفته‌اند.

دایمنش Dimension های گزارشCrUX

دایمنش Dimension در CrUX مجموعه‌ای از پارامترهای کیفی است که برای شرح بهتر پارامترهای کمی یا همان متریک Metric ها کاربرد دارند.

همانطور که پیش‌تر بیان شد هدف CrUX بررسی میدانی وب‌سایت است و نتایجی که در گزارشات خود ارائه می‌کند براساس کاربران واقعی وب‌سایت و ابزارهای اندازه‌گیری آزمایشگاهی است. همچینین بیان شد که موتور جستجو گوگل برای رتبه‌بندی سایت‌ها در نتایج SERP، وب‌سایت را با سایر وب‌سایت‌های مشابه خود از نظر فریم ورک Framework و سایر موارد مشابه مقایسه می‌کند. برای مثال یکی از دایمنشن Dimension های CrUX، Form Factor است که کاربران وب‌سایت را براساس Device های مختلف مورد بررسی و سنجش قرار می‌دهد و گزارشات خود را به تفکیک این دایمنشن Dimension ارائه می‌کند.

برای مثال با استفاده از دایمنش Form Factor می‌توانیم LCP را براساس دستگاه‌های مورد استفاده کاربران در بازه زمانی‌های مختلف بررسی کنیم.

پارامترهای کیفی یا دایمنش Dimension های CrUX عبارتند از:

Form Factors

Countries

Dates

Origins

(ECT) Effective Connection Type

دایمنشن Form Factors در CrUX

دایمنشن Form Factors پارامترهای CrUX را براساس Device مورد استفاده کاربران مورد بررسی قرار می‌دهد. به عنوان مثال شما با استفاده از Form Factor می‌توانید مقدار LCP را برای کاربران Mobile، Desktop و Tablet به تفکیک بررسی و مشاهده کنید.

دایمنشن Form Factor دارای سه دسته‌ Mobile، Desktop و Tablet است. دسته‌بندی Form Factor براساس User-Agent که مرورگر کاربر ارسال می‌کند دسته‌بندی می‌شود.

دایمنشن Countries در CrUX

دایمنشن Countries کاربران سایت را براساس منطقه جغرافیایی (که از آدرس IP های آن‌ها استخراج می‌شود) مورد بررسی قرار می‌دهد. دسته‌بندی کاربران براساس کشور با کدهای دو حرفی استاندارد ISO انجام می‌شود.

جداول country_summary شامل کد دو حرفی کشور، ماه و Form Factor یا همان دستگاه کاربران است.

دایمنشن Dates در CrUX

دایمنشن Dates پارامترهای CrUX را براساس بازه زمانی‌های مختلف مورد بررسی و سنجش قرار می‌دهد. Effective Connection Type

دایمنشن Effective Connection Type سرعت اتصال بازدید کنندگان سایت را می‌سنجد.

دایمنشن Effective Connection Type این امکان را می‌دهد که:

1. خلاصه‌ای از سرعت اتصال بازدیدکنندگان واقعی را مشاهده کنید.

2. متریک Metric ها را بر اساس سرعت اتصال بازدید کنندگان فیلتر کنید.

دایمنشن (ECT) Effective Connection Type داده‌ها را براساس چهار دسته زیر طبقه‌بندی می‌کند:

در این مقاله سعی داشتم در رابطه با متریک‌ها و دایمنش‌های CrUX اطلاعات مفیدی ارائه کنم، امیدوارم مورد توجه شما قرار گرفته باشد.