Interaction to Next Paint رسماً Core Web Vital است

Interaction to Next Paint اکنون یک معیار Core Web Vital پایدار است که جایگزین Delay First Input شده است.

ریک ویسکومی

امروز همان روز است! پس از سال‌ها کار، بالاخره آماده هستیم تا Interaction to Next Paint (INP) را به معیاری با ثبات Core Web Vital تبدیل کنیم. این یک گام مهم به جلو در روشی است که ما پاسخگویی تعامل را اندازه‌گیری می‌کنیم و بسیاری از کاستی‌های تاخیر ورودی اول (FID) را برطرف می‌کنیم.

نموداری که پیشرفت INP در برنامه Web Vitals را در سه مرحله نشان می دهد. از ماه مه 2022، INP توسط کروم به عنوان یک معیار آزمایشی معرفی شد. در می 2023، اعلام شد که INP در مارس 2024 به Core Web Vital تبدیل خواهد شد. اکنون، ما به طور رسمی INP را به عنوان Core Web Vital معرفی می کنیم که جایگزین FID می شود.
جدول زمانی تبلیغات تعامل با رنگ بعدی (INP).

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

آنچه امروز در حال تغییر است

در سمت Chrome، همه ابزارهای Core Web Vitals ما اکنون وضعیت پایدار INP را در هر کجا که قابل اجرا باشد منعکس می‌کنند. به عنوان مثال، ابزارهایی مانند PageSpeed ​​Insights، داشبورد CrUX و افزونه Web Vitals INP را در سه معیار Core Web Vitals به‌طور برجسته‌تری نشان می‌دهند. در PageSpeed ​​Insights، منطق ارزیابی Core Web Vitals به جای FID، عملکرد INP را ارزیابی می‌کند. برای کسب اطلاعات بیشتر در مورد تغییرات مربوط به کنسول جستجو، به پست وبلاگ تیم جستجو مراجعه کنید.

علاوه بر این، از امروز برخی از ابزارها ممکن است یک اخطار منسوخ شدن برای FID را به عنوان یک هشدار نشان دهند که این معیار دیگر یک Core Web Vital نیست و حذف خواهد شد. بخش جدول زمانی منسوخ شدن FID در زیر تاریخ هایی را که باید بدانید تا اطمینان حاصل شود که به طور کامل از FID خارج شده اید را مورد بحث قرار می دهد.

جدول زمانی منسوخ شدن FID

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

این امر به ویژه برای مصرف‌کنندگان APIهای گزارش تجربه کاربر Chrome (CrUX) یا PageSpeed ​​Insights مهم است. برنامه‌هایی که داده‌های FID را از هر یک از این APIها پردازش می‌کنند باید تا 9 سپتامبر به INP منتقل شوند تا از هرگونه خرابی یا اختلال در سرویس جلوگیری شود. برای روشن بودن، این یک تغییر قطعی در آخرین نسخه های API ها خواهد بود و هیچ ضربه ای در شماره نسخه های اصلی وجود نخواهد داشت!

منابع برای بهینه سازی INP

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

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

  1. با نحوه اندازه گیری پاسخ INP به تعاملات کاربر در اسناد INP متعارف آشنا شوید.

  2. برای ارزیابی عملکرد INP سایت خود به داده های کاربر واقعی نگاه کنید. حداقل 75 درصد از تجربیات INP باید در کمتر از 200 میلی ثانیه به ورودی کاربر پاسخ دهند تا خوب در نظر گرفته شوند. اگر سایت شما از قبل INP خوبی دارد، آن را ناامید نکنید!

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

  4. تعاملات آهسته را به صورت محلی با Chrome DevTools بازتولید کنید . این به شما کمک می کند تا ببینید دقیقاً در زیر کاپوت چه اتفاقی می افتد و کد توهین آمیز چیست.

  5. کد خود را برای انجام کمترین کار ممکن در حین مدیریت تعامل با کاربر بهینه کنید :

  6. تغییرات خود را به صورت محلی اندازه گیری کنید و تجربیات کاربر واقعی خود را کنترل کنید تا مطمئن شوید که عملکرد INP شما سریع می شود (و می ماند!).

امیدواریم این راهنمایی شما را در مسیر درستی برای بهینه سازی INP قرار دهد. اگر در این مسیر با مشکلی مواجه شدید، همیشه می‌توانید با پست کردن سؤالی با برچسب interaction-to-next-paint در Stack Overflow کمک بگیرید.

راه اندازی INP به عنوان Core Web Vital مدت ها طول کشیده است، به اولین پست خود در مورد ایجاد یک معیار پاسخگویی بهتر در سال 2021 نگاه می کنیم. از آن زمان، ما همه بازخوردهای شگفت انگیز جامعه را در نظر گرفته ایم و معیاری ایجاد کرده ایم که ما قویاً معتقدیم که توسعه‌دهندگان را به سمت بهبود بخشی از تجربیات کاربر راهنمایی می‌کند که در نهایت منجر به وب بهتری می‌شود. از همه شما برای کمک شما در شکل دادن به این معیار، و تمام تلاش شما برای بهبود وضعیت پاسخگویی سپاسگزاریم!