شاخص تعامل با رنگ بعدی یا Interaction to Next Paint که به اختصار (INP) نامیده می‌شود، یکی از معیارهای هسته حیاتی گوگل است که پاسخگویی صفحه به تعاملات کاربر را ارزیابی می‌کند. شاخص INP تأخیر تمام تعاملات مثل کلیک، ضربه و تایپ با صفحه کلید را با یک صفحه در طول عمر آن مشاهده می‌کند و طولانی‌ترین مدت را گزارش می‌کند. شاخص تعامل با رنگ بعدی روی تجربه کاربری سایت تاثیر می‌گذارد و نقش مهمی در رتبه بندی سایت شما ایفا می‌کند. اگر عدد این شاخص INP پایین باشد، به این معنی است که صفحه به طور مداوم قادر است به اکثریت تعاملات کاربر، به سرعت پاسخ دهد.
بهینه‌سازی شاخص تعامل با رنگ بعدی
میزان INP پایین به این معنی است که یک صفحه به سرعت به تعاملات پاسخ می‌دهد. هنگامی که یک صفحه به یک تعامل پاسخ می‌دهد، مرورگر نتیجه آن تعامل و بازخورد بصری را در فریم بعدی ارائه می‌دهد تا نشان دهد که تعامل موفق بوده است. به عنوان مثال:
- اینکه آیا کالایی که به سبد خرید آنلاین اضافه می‌کنید واقعاً اضافه می‌شود یا خیر.
- آیا منوی پیمایش تلفن همراه پس از کلیک باز شده است یا خیر.
- اینکه آیا محتویات فرآیند ورود به سیستم توسط سرور احراز هویت می‌شود یا خیر.
برخی از تعاملات به طور طبیعی بیشتر از سایرین طول می‌کشد، اما برای تعاملات پیچیده، بهتر است که به سرعت بازخوردهای بصری اولیه را ارائه کنید تا به کاربر بگویید چیزی در حال رخ دادن است. بنابراین، هدف INP اندازه‌گیری تمام اثرات نهایی تعامل (مانند واکشی شبکه و به‌روزرسانی‌های رابط کاربری از سایر عملیات ناهمزمان) نیست، بلکه زمانی است که طول می‌کشد تا رنگ بعدی نمایش داده شود. با به تأخیر انداختن بازخورد بصری، کاربران فکر می‌کنند صفحه به اقدامات آنها پاسخ نمی‌دهد. هدف INP این است که زمان سپری شده از هنگامی که کاربر یک تعامل را آغاز می‌کند تا فریم بعدی نمایش داده می‌شود، به حداقل برساند.
شاخص INP چگونه محاسبه می شود؟
برای بهینه سازی این شاخص مهم در تجربه کاربری، ابتدا باید بتوانیم آن را به صورت دقیق اندازه گیری کنیم. به طور کلی دو روش برای اندازه گیری شاخص تعامل با رنگ بعدی وجود دارد: روش آزمایشگاهی و روش میدانی.
روش آزمایشگاهی یا Lab Data
در روش آزمایشگاهی، شاخص تعامل با رنگ بعدی را در یک محیط آزمایشگاهی با استفاده از ابزارهای آزمایشی که تعاملات کاربر را شبیه سازی می‌کند، اندازه گیری می کنند. در این روش، ابتدا یک محیط کنترل شده برای اندازه گیری INP فراهم می‌کنند، و سپس به اندازه گیری فاصله زمانی تعامل تا پاسخ می‌پردازند. البته ممکن است نتیجه این روش به طور دقیق تعاملات کاربر در دنیای واقعی را منعکس نکند، چرا که داده‌های آزمایشگاهی در یک محیط کنترل شده جمع آوری می‌شوند. این رویکرد می‌تواند به شناسایی مشکلات مرتبط در صفحه وب و بهینه سازی عناصر برای INP کمک کند.
روش میدانی یا Field Data
در حالت ایده آل، سفر شما به سمت بهینه سازی INP با داده‌های میدانی شروع می‌شود. در بهترین حالت، داده‌های میدانی از مانیتورینگ کاربر واقعی (RUM) نه تنها مقدار INP صفحه را به شما می‌دهد، بلکه داده‌های متنی را نیز به شما می‌دهد که نشان می‌دهد چه تعامل خاصی مسئول مقدار INP بوده است. بنابراین، این روش جزئیات دقیق تری از تعاملات کاربر در دنیای واقعی ارائه می‌دهد، اما باید توجه داشت که جمع آوری و تجزیه و تحلیل داده‌ها با این روش کمی چالش برانگیز است.
نمره INP خوب چند است؟
بهترین نمره برای شاخص INP، عددی زیر ۲۰۰ میلی ثانیه است. در نمره بندی این شاخص می‌توان گفت:
- INP برابر یا کمتر از ۲۰۰ میلی ثانیه به این معنی است که صفحه شما پاسخگویی خوبی دارد.
- INP بین ۲۰۰ میلی ثانیه تا ۵۰۰ میلی ثانیه به این معنی است که پاسخگویی صفحه شما نیاز به بهبود دارد.
- INP بیشتر از ۵۰۰ میلی ثانیه به این معنی است که صفحه شما پاسخگویی ضعیفی دارد.
شاخص INP چه تفاوتی با تاخیر ورودی اول (FID) دارد؟
شاخص INP جانشین تاخیر ورودی اول (FID) شده است. با این وجود که هر دو معیار مرتبط به پاسخگویی صفحه هستند، اما FID تنها تاخیر ورودی اولین تعامل در یک صفحه را اندازه گیری کرد. INP با در نظر گرفتن تمام فعل و انفعالات صفحه، از تأخیر ورودی، تا زمانی که برای اجرای یک رویداد طول می‌کشد، و در نهایت تا زمانی که مرورگر فریم بعدی را منتشر کند، FID را بهبود می‌بخشد.
این تفاوت‌ها به این معنی است که هر دو شاخص INP و FID انواع مختلفی از معیارهای پاسخگویی هستند. در واقع FID یک معیار پاسخگویی برای ارزیابی اولین تأثیر صفحه بر کاربر طراحی شده بود، اما INP یک شاخص قابل اعتمادتر است.
اگر مقدار INP گزارش نشود چه باید کرد؟
این امکان وجود دارد که یک صفحه هیچ مقدار INP را ثبت نکرده باشد. این اتفاق ممکن است به دلایل مختلفی رخ دهد، از جمله موارد زیر:
- صفحه بارگیری شده، اما کاربر هرگز با آن تعامل نداشته است.
- صفحه بارگیری شده، اما کاربر با استفاده از حرکاتی که اندازه‌گیری نمی‌شوند، مانند پیمایش (اسکرول کردن) یا نگه داشتن ماوس روی عناصر، با آن تعامل داشته است.
- یک ربات از این صفحه بازدید کرده است، مانند یک موتور جستجو یا مرورگر، که برای تعامل با صفحه برنامه نویسی نشده است.
ابزارهای اندازه گیری INP
اگر وب‌سایت شما واجد شرایط گنجاندن در گزارش تجربه کاربر کروم (CrUX) باشد، می‌توانید به سرعت داده‌های فیلد INP را از طریق CrUX در PageSpeed Insights در کنار داده‌های دیگر Core Web Vitals دریافت کنید. حداقل می‌توانید یک تصویر در سطح مبدا از INP وب سایت خود دریافت کنید، اما در برخی موارد، می‌توانید داده‌های سطح صفحه را نیز دریافت کنید. با اینکه CrUX می‌تواند به شما بگوید که یک مشکل در سطح بالایی وجود دارد، اما اغلب جزئیات کافی برای کمک به درک کامل مشکل ارائه نمی‌دهد.
نحوه بهبود شاخص INP
گاهی اوقات، اشکالاتی در APIهای مورد استفاده برای اندازه گیری معیارها و گاهی اوقات در تعاریف خود معیارها کشف می‌شود. در نتیجه، باید تغییراتی ایجاد شود و این تغییرات می‌تواند به صورت بهبود یا پسرفت در گزارش‌های داخلی و داشبورد شما نشان داده شود.
