Interaction to Next Paint اکنون یک معیار Core Web Vital پایدار است که جایگزین Delay First Input شده است.
امروز همان روز است! پس از سالها کار، بالاخره آماده هستیم تا Interaction to Next Paint (INP) را به معیاری با ثبات Core Web Vital تبدیل کنیم. این یک گام مهم به جلو در روشی است که ما پاسخگویی تعامل را اندازهگیری میکنیم و بسیاری از کاستیهای تاخیر ورودی اول (FID) را برطرف میکنیم.
در این پست، ما بهسرعت آنچه را که امروز دقیقاً در حال تغییر است، مرور میکنیم، جدول زمانی مشخصتری را برای منسوخ کردن و حذف 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 خارج شده اید را مورد بحث قرار می دهد.
اکنون که INP جایگزین FID به عنوان معیار اصلی وب حیاتی شده است، Chrome رسماً پشتیبانی از FID را منسوخ میکند. این بدان معناست که ابزارهای کروم دیگر در دسترس بودن FID را تضمین نمی کنند و توسعه دهندگان تا 9 سپتامبر 2024 فرصت دارند تا به INP منتقل شوند.
این امر به ویژه برای مصرفکنندگان APIهای گزارش تجربه کاربر Chrome (CrUX) یا PageSpeed Insights مهم است. برنامههایی که دادههای FID را از هر یک از این APIها پردازش میکنند باید تا 9 سپتامبر به INP منتقل شوند تا از هرگونه خرابی یا اختلال در سرویس جلوگیری شود. برای روشن بودن، این یک تغییر قطعی در آخرین نسخه های API ها خواهد بود و هیچ ضربه ای در شماره نسخه های اصلی وجود نخواهد داشت!
صرف نظر از اینکه برای اولین بار به INP نگاه می کنید یا یک حرفه ای در زمینه پاسخگویی هستید، مجموعه منابع بهینه سازی INP نقطه شروع خوبی برای یافتن آنچه به دنبال آن هستید است. این مجموعه همیشه سبز از اسناد همه چیز را پوشش میدهد، از تعریف خود معیار، تکنیکهای اندازهگیری آن به صورت محلی و با استفاده از کاربران واقعی، توصیههای عملی برای بهینهسازی انواع موارد استفاده، و فهرستی از مطالعات موردی در دنیای واقعی که راهنمایی را در عمل نشان میدهد. .
با استفاده از این اسناد، در اینجا یک گردش کار کلی وجود دارد که می توانید برای پیدا کردن و رفع مشکلات INP در سایت خود دنبال کنید:
با نحوه اندازه گیری پاسخ INP به تعاملات کاربر در اسناد INP متعارف آشنا شوید.
برای ارزیابی عملکرد INP سایت خود به داده های کاربر واقعی نگاه کنید. حداقل 75 درصد از تجربیات INP باید در کمتر از 200 میلی ثانیه به ورودی کاربر پاسخ دهند تا خوب در نظر گرفته شوند. اگر سایت شما از قبل INP خوبی دارد، آن را ناامید نکنید!
اگر وبسایت شما در مجموعه دادههای CrUX قرار دارد، URL خود را به PageSpeed Insights وصل کنید یا گزارش Core Web Vitals در کنسول جستجو را بررسی کنید.
با ارائه دهنده تجزیه و تحلیل خود بررسی کنید که آیا از نظارت INP پشتیبانی می کند.
راه حل INP خود را با استفاده از web-vitals.js رول کنید.
در صورت نیاز، سایت خود را برای جمع آوری اطلاعات تشخیصی در مورد تجربیات کاربر ابزار کنید. این ابرداده مهمی است، مانند اینکه کاربر با کدام عنصر صفحه تعامل داشته و چرا کند بوده است، و همچنین داده های مفید دیگر. در مجموع، این اطلاعات به شما در درک بزرگترین فرصت های بهبود کمک می کند.
تعاملات آهسته را به صورت محلی با Chrome DevTools بازتولید کنید . این به شما کمک می کند تا ببینید دقیقاً در زیر کاپوت چه اتفاقی می افتد و کد توهین آمیز چیست.
کد خود را برای انجام کمترین کار ممکن در حین مدیریت تعامل با کاربر بهینه کنید :
تغییرات خود را به صورت محلی اندازه گیری کنید و تجربیات کاربر واقعی خود را کنترل کنید تا مطمئن شوید که عملکرد INP شما سریع می شود (و می ماند!).
امیدواریم این راهنمایی شما را در مسیر درستی برای بهینه سازی INP قرار دهد. اگر در این مسیر با مشکلی مواجه شدید، همیشه میتوانید با پست کردن سؤالی با برچسب interaction-to-next-paint
در Stack Overflow کمک بگیرید.
راه اندازی INP به عنوان Core Web Vital مدت ها طول کشیده است، به اولین پست خود در مورد ایجاد یک معیار پاسخگویی بهتر در سال 2021 نگاه می کنیم. از آن زمان، ما همه بازخوردهای شگفت انگیز جامعه را در نظر گرفته ایم و معیاری ایجاد کرده ایم که ما قویاً معتقدیم که توسعهدهندگان را به سمت بهبود بخشی از تجربیات کاربر راهنمایی میکند که در نهایت منجر به وب بهتری میشود. از همه شما برای کمک شما در شکل دادن به این معیار، و تمام تلاش شما برای بهبود وضعیت پاسخگویی سپاسگزاریم!