پیشبرد تعامل به رنگ بعدی

INP دیگر آزمایشی نیست. درباره برنامه کروم برای تبدیل آن به یک وب اصلی حیاتی در سال 2024 بیاموزید.

آنی سالیوان
آنی سالیوان
ریک ویسکومی
ریک ویسکومی

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

تأخیر ورودی اول (FID) معیار اصلی وب حیاتی است که پاسخگویی را اندازه گیری می کند، اما همانطور که در گذشته نوشتیم، محدودیت های شناخته شده ای برای FID وجود دارد. این ما را به کاوش و جستجوی بازخورد در مورد یک معیار آزمایشی (در آن زمان) سوق داد که این محدودیت‌ها را به طور مؤثرتری برطرف می‌کند. در سال 2022، ما Interaction to Next Paint (INP) را به عنوان معیار جدید معرفی کردیم، آن را به طور گسترده در ابزارهای خود در دسترس قرار دادیم و شروع به کار با جامعه برای آزمایش اثربخشی آن کردیم.

پس از یک سال دیگر آزمایش و جمع‌آوری بازخورد از جامعه، ما آماده هستیم تا چرخ‌های آموزشی را برداریم و اعلام کنیم که INP دیگر آزمایشی نیست. علاوه بر این، از مارس 2024، ما همچنین متعهد به ترویج INP به عنوان معیار جدید Core Web Vital برای پاسخگویی هستیم که جایگزین FID می شود.

در این پست، بیشتر در مورد انگیزه تصمیم گیری، دقیقاً آنچه در حال تغییر است و چگونگی شروع صحبت خواهیم کرد. برای اطلاعات بیشتر در مورد تأثیر این امر بر جستجوی Google، به پست وبلاگ آنها مراجعه کنید.

معیار پاسخگویی بهتر

FID زمانی که آن را به عنوان Core Web Vital در سال 2020 معرفی کردیم ، گام بزرگی به جلو بود. این روش به توسعه‌دهندگان راه جدیدی برای اندازه‌گیری پاسخ‌دهی به‌عنوان تجربه کاربران واقعی ارائه کرد که همیشه بخش مهمی از برنامه Web Vitals بوده است. بر خلاف معیارهای مشابه که فقط تعامل صفحه را تقریبی می‌کنند - مانند زمان مسدود کردن کل (TBT) و زمان تعامل (TTI) - FID مستقیماً تجربه کاربر را اندازه‌گیری می‌کند. مهمتر از همه، یک صفحه می تواند TBT یا TTI کند داشته باشد و به دلیل نحوه تعامل کاربران واقعی با صفحه، همچنان به عنوان پاسخگو تلقی شود.

در حالی که روش سنجش پاسخگویی را بهبود بخشید، FID بدون محدودیت نبود. خود این نام در واقع دو محدودیت را ایجاد می‌کند: "اولین ورودی" و "تاخیر". FID فقط پاسخگویی اولین باری که کاربر با صفحه تعامل می کند را گزارش می دهد. حتی اگر اولین برداشت مهم است، اولین تعامل لزوما نمایانگر همه تعاملات در طول عمر یک صفحه نیست. علاوه بر این، FID فقط بخش تاخیر ورودی اولین تعامل را اندازه گیری می کند، که مدت زمانی است که مرورگر باید منتظر بماند (به دلیل شلوغی رشته اصلی) قبل از اینکه حتی شروع به انجام تعامل کند.

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

INP در حال تکامل

از امروز، INP دیگر آزمایشی نیست و در عوض به عنوان معیاری در انتظار Core Web Vital در نظر گرفته خواهد شد. این یک نامگذاری جدید است که نشان می دهد INP آمادگی خود را برای جایگزینی FID ثابت کرده است - اما ما هنوز این تغییر را انجام نداده ایم. برای دادن زمان به اکوسیستم برای تنظیم، INP رسماً در مارس 2024 به معیاری با ثبات Core Web Vital تبدیل خواهد شد.

گرافیکی که جدول زمانی مراحل INP را نشان می‌دهد، از زمانی که Chrome پشتیبانی آزمایشی از INP را در ماه مه ۲۰۲۲ اعلام کرد، تا امروز در ماه می ۲۰۲۳ که Chrome اعلام می‌کند که INP اکنون یک معیار غیرتجربی و معلق در Core Web Vital است و در نهایت تا مارس ۲۰۲۴ زمانی که INP به یک معیار اصلی Core Web Vital پایدار تبدیل می شود و جایگزین FID می شود.
گرافیکی که جدول زمانی مراحل INP را نشان می دهد.

در میان ابزارهای ما، INP را بدون پیشوند یا نماد experimental مشاهده خواهید کرد. اگر داده‌های INP را از هر یک از APIهای زیر به صورت برنامه‌نویسی مصرف می‌کنید، باید کد خود را به‌روزرسانی کنید تا به فیلد INP غیر آزمایشی بروید.

ابزار فیلد منسوخ شده زمینه جدید
CrUX API experimental_interaction_to_next_paint interaction_to_next_paint
CrUX History API experimental_interaction_to_next_paint interaction_to_next_paint
CrUX BigQuery experimental.interaction_to_next_paint interaction_to_next_paint
PageSpeed ​​Insights API experimental_interaction_to_next_paint interaction_to_next_paint
گزارش فانوس دریایی* experimental-interaction-to-next-paint interaction-to-next-paint
نقشه APIها به نام فیلد INP قدیمی و جدید آنها.
* Lighthouse استفاده از فیلد آزمایشی INP را در نسخه 11 متوقف خواهد کرد.

برای سهولت انتقال و جلوگیری از شکستن هر گونه برنامه کاربردی پایین دستی، این APIها تا 90 روز دیگر در زمینه INP آزمایشی خدمت خواهند کرد. پشتیبانی API برای فیلد آزمایشی INP در 8 آگوست 2023 به پایان می رسد.

در همین حال، FID تا مارس 2024 یک Core Web Vital باقی می‌ماند. در آن زمان، INP به عنوان سه Core Web Vital پایدار به Largest Contentful Paint (LCP) و Cumulative Layout Shift (CLS) خواهد پیوست. در به‌روزرسانی آینده، اطلاعات بیشتری درباره زمان دقیق تغییر و برنامه FID پس از جایگزینی آن به عنوان Core Web Vital به اشتراک خواهیم گذاشت.

شروع کار با INP

مقادیر INP خوب 200 میلی ثانیه یا کمتر هستند، مقادیر ضعیف بیشتر از 500 میلی ثانیه هستند و هر چیزی در این بین نیاز به بهبود دارد.

منتظر نباشید INP در سال 2024 به Core Web Vital تبدیل شود تا شروع به بهبود کنید. وب سایت شما ممکن است در 93 درصد سایت هایی باشد که عملکرد FID خوبی در دستگاه های تلفن همراه دارند. با این حال، ممکن است تعجب کنید اگر بدانید که تنها 65٪ از سایت ها دارای INP خوب در دستگاه های تلفن همراه هستند. INP تصویر بسیار دقیق‌تری از پاسخ‌دهی ارائه می‌کند، بنابراین این اعداد به ما کمک می‌کنند تا فضای بهبود پیش‌رو را با وضوح بیشتری ببینیم.

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

یادگیری INP ممکن است کمی طول بکشد، و این خیلی خوب است. برای کمک به تمرکز شما بر روی بهینه‌سازی‌هایی که بیشترین بازگشت سرمایه را دارند، در اوایل سال جاری یک پست وبلاگ منتشر کردیم تا راهنمایی‌های خود را به مؤثرترین توصیه‌ها برای بهبود Core Web Vitals خلاصه کنیم. به طور خاص، ما در مورد سه تکنیک ضروری نوشتیم که به طور یکسان برای بهینه‌سازی FID و INP کاربرد دارند: اجتناب از کارهای طولانی یا شکستن آن‌ها، اجتناب از جاوا اسکریپت غیر ضروری، و اجتناب از به‌روزرسانی‌های رندر بزرگ. شما می توانید در مورد این و بسیاری از تکنیک های بهینه سازی INP بیشتر در مستندات ما بیاموزید.

جاده پیش رو

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

منتظر به‌روزرسانی‌های تاریخ دقیق فارغ‌التحصیلی INP در مارس 2024 باشید. و حتی اگر این معیار دیگر آزمایشی نیست، ما همیشه آماده بازخورد در web-vitals-feedback@googlegroups.com هستیم تا به ما در بهبود INP و برنامه Web Vitals کمک کنیم. در کل.