PageSpeed ​​Insights معیارهای جدید سرعت فانوس دریایی را اضافه می کند

PageSpeed ​​Insights گوگل دو معیار جدید را به PageSpeed ​​Insights API و UI for Lighthouse اضافه کرد. این دو معیار آزمایشی برچسب‌گذاری شده‌اند و اکنون برای داده‌های میدانی جمع‌آوری می‌شوند در حالی که داده‌های آزمایشگاهی مربوطه می‌توانند برای اهداف تشخیصی استفاده شوند.

Google Lighthouse به روز شد

Lighthouse اکنون با دو معیار جدید به روز شده است.

معیارهای جدید Lighthouse عبارتند از:

  • تعامل با رنگ بعدی (INP)
  • زمان تا اولین بایت (TTFB)

زمان تا اولین بایت (TTFB)

بسیاری از مردم قبلاً Time to First Byte را می‌دانند، سال‌هاست که وجود دارد و برخی ممکن است قبلاً با آن آشنا باشند.

متریک Time to First Byte (TTFB) سرعت پاسخ سرور به درخواست یک منبع را اندازه گیری می کند.

بنابراین، اهمیت این معیار در این است که به جداسازی یک عامل (پاسخگویی سرور) کمک می‌کند که می‌تواند تأثیر منفی بر سایر معیارهای بارگذاری صفحه داشته باشد.

این باعث می شود TTFB یک معیار بسیار مهم برای بررسی برای اهداف تشخیصی باشد.

هر کسی که روی بهبود Core Web Vitals تمرکز دارد باید به TTFB نگاهی به یک برد سریع احتمالی بدهد.

چیزی که در مورد TTFB تغییر کرده این است که این اولین بار است که به عنوان معیار در بخش نتایج PageSpeed ​​Insights در دسترس است.

Chrome همچنین برای اولین بار داده های فیلد TTFB را جمع آوری و گزارش می کند.

تعامل با رنگ بعدی (INP)

Interaction to Next Paint (INP) یک معیار کاملاً جدید است که نشان می‌دهد چقدر طول می‌کشد تا با کل صفحه تعامل داشته باشید، چیزی که Google آن را « می‌نامد.تأخیر تعامل کلی

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

گوگل از مثالی از یک صفحه خرید برای نشان دادن تفاوت بین یک INP خوب و یک INP ضعیف استفاده می کند.

مثال یک صفحه خرید یک تصویر قابل کلیک را نشان می دهد که یک نسخه نزدیک بزرگتر ایجاد می کند.

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

مثال یک پاسخ‌دهی خوب، کلیک کاربر روی همان تصویر است که بلافاصله با یک گرافیک بارگذاری صفحه پاسخ می‌دهد که نشان می‌دهد درخواست تصویر دریافت شده و اکنون در حال بارگیری است.

اسکرین شات از واکنش پذیری خوب یک عنصر صفحه وب

INP خوب

مورد بالا نمونه ای از این است که چگونه متریک INP جدید، تمام عناصر پاسخگوی یک صفحه وب را اندازه گیری می کند تا به نمایشی از Interaction to Next Paint برسد.

Web.dev گوگل معیار جدید Interaction to Next Paint (INP) را توضیح می دهد:

«INP معیاری است که با انتخاب یکی از طولانی‌ترین تعامل‌هایی که هنگام بازدید کاربر از صفحه رخ می‌دهد، تأخیر کلی تعامل صفحه را نشان می‌دهد.

برای صفحاتی که در مجموع کمتر از 50 تعامل دارند، INP تعاملی است با بدترین تأخیر.

برای صفحات با تعاملات زیاد، INP اغلب صدک ۹۸ تأخیر تعامل است.

طرح‌بندی جدید PageSpeed ​​Insights

دو معیار جدید هم اکنون در ابزار PageSpeed ​​Insights برای بررسی در دسترس هستند.

اما ممکن است مدتی طول بکشد تا داده‌های میدانی نمایش داده شوند، زیرا داده‌های میدانی از کاربران واقعی مرورگر کروم ناشی می‌شود که اجازه داده‌اند داده‌های سرعت صفحه به Google ارسال شود تا از سایت بازدید کنند و داده‌هایشان ثبت شود.

امتیازات حیاتی وب اصلی برای اولین بار در یک ردیف (در نمای دسکتاپ) فهرست شده است.

سپس Lighthouse ردیف دوم معیارها را نمایش می دهد:

  • اولین رنگ محتوایی
  • INP
  • TTFB

اسکرین شات از نمایشگر متریک فانوس جدید

متریک فانوس دریایی

برنامه افزودنی Chrome Lighthouse

راه دیگر برای مشاهده معیارهای جدید با افزونه Chrome Lighthouse است.

روش استفاده از آن این است که در هر صفحه ای مرور کنید و یک کادر مربعی در سمت راست بالای مرورگر بسته به اینکه صفحه معیارهای Core Web Vitals را پاس کند، قرمز یا سبز می شود.

با کلیک بر روی جعبه، نمایشی از CWV و معیارهای آزمایشی فعال می شود.

اسکرین شات افزونه Chrome Lighthouse

برنامه افزودنی Chrome Lighthouse

معیارهای جدید در ابزارهای شخص ثالث موجود است

بسیاری از ابزارهای سرعت صفحه که از Lighthouse در تجزیه و تحلیل خود استفاده می کنند، معیارهای INP و TTFB را نیز نشان می دهند.

به عنوان مثال، WebPageTest.org اکنون معیارهای جدید را نشان می دهد.

تصویری از نتایج WebPageTest Lighthouse

عکس صفحه نتایج WebPageTest.org که معیارهای TTFB و INP گزارش شده را نشان می دهد

به‌روزرسانی‌های بینش سرعت صفحه

همچنین به‌روزرسانی‌های اضافی برای ابزار PageSpeed ​​Insights وجود دارد.

یک تغییر قابل توجه سرعت نمایش نتایج است که با بارگذاری موازی داده های آزمایشگاهی و میدانی انجام می شود.

تغییر دیگر این است که PageSpeed ​​Insights سعی می کند ابتدا تغییر مسیرهای HTTP را قبل از ارسال آن به Lighthouse برای انجام تجزیه و تحلیل حل کند. قبلاً Lighthouse هنگام انجام تجزیه و تحلیل، تغییر مسیرهای HTTP را مدیریت می کرد.

به علاوه دو تغییر اضافی دیگر:

معیارهای Core Web Vitals (CWV) (LCP، FID، CLS) مستقیماً در زیر ارزیابی CWV ​​ظاهر می‌شوند.

ما طراحی را سخت تر کردیم و پرحرفی و فضای عمودی را کاهش دادیم.

داده های فانوس دریایی مفیدتر است

افزودن این دو معیار، TTFB و INP، همه ابزارهای سرعت صفحه را که از تجزیه و تحلیل Lighthouse استفاده می کنند، به طور قابل توجهی مفیدتر می کند. TTFB بازخوردی را در مورد مسائل مربوط به سرور ارائه می دهد که ممکن است زمینه ساز عملکرد ضعیف سرعت در جاهای دیگر باشد و INP نمای کلی تری از عملکرد صفحه نسبت به قبل ارائه می دهد.

استناد

توضیح رسمی INP Google را بخوانید

تعامل با رنگ بعدی (INP)

Google’s’s Recently Update TTFB Explainer را بخوانید

زمان تا اولین بایت (TTFB)

یادداشت‌های انتشار PageSpeed ​​Insights را بخوانید

یادداشت‌های انتشار برای PageSpeed ​​Insights API و PageSpeed ​​Insights UI