INP یا Interaction To Next Paint –  آپدیت جدید گوگل سرچ کنسول

INP یا Interaction To Next Paint  آپدیت جدید گوگل سرچ کنسول است، در این آپدیت گوگل تغییراتی متفاوت را در سرچ کنسول اعمال کرده که مبنای بررسی و امتیاز دهی را با رویکردی متفاوت مورد بررسی قرار می دهد.

در این محتوا معیار جدید Core Web Vital گوگل و معنی امتیاز INP خوب و اینکه چگونه می تواند عملکرد کلی SEO شما را بهبود بخشد را مورد بررسی قرار می دهیم.

رشته سئو هیچ کمبودی در کلمات اختصاری ندارد. از SEO، به FID، تا FCP (نخستین رنگ محتوایی)، تا INP اینها برخی از رایج ترین کلمات اختصاری هستند که در مورد سرعت صفحه با آنها مواجه خواهید شد.

گوگل در حال حاضر در حال تغییر Core Web Vitals است  و دو معیار جدید را به ترکیب اضافه کرده است:

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

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

TTFB مدت زمانی را که طول می کشد تا اولین بایت توسط سرور منتقل شود را اندازه گیری می کند.

مدتهاست که TTFB به عنوان عاملی برای افزایش عملکرد قابل توجه مورد توجه بوده است، به این معنی که این یک اولویت است که متخصصان سئو باید به عنوان بخشی از فرآیند SEO خود آنرا بهینه سازی کنند.

گوگل به تازگی تصمیم گرفته است تا TTFB را به عنوان یک معیار جدید پیاده سازی کند تا متخصصان سئو بتوانند عملکرد سایت خود را در سطح سرور اندازه گیری کنند.

INP چیست؟

INP یک معیار جدید Core Web Vitals است که برای ارائه نمایشی از تاخیر تعامل کلی یک صفحه، طراحی شده است.

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

اندازه گیری INP نشان دهنده مدت زمانی است که طول می کشد تا کاربر با کل صفحه تعامل داشته باشد.که این مورد در تضاد مستقیم با FID (تاخیر ورودی اول First Input Delay) است.

FID تنها اولین پاسخ تعامل توسط یک کاربر خاص را اندازه گیری می کند. PageSpeed Insights این معیار جدید سرعت را به افزونه Google Lighthouse Chrome اضافه کرده است.

ساختار INP

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

با این حال، INP با انواع تعاملات زیر مرتبط است:

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

بیش از یک رویداد وجود دارد که می تواند یک تعامل در نظر گرفته شود.

به عنوان مثال، Keydown و Keyup هر دو به عنوان یک ضربه در صفحه کلید در نظر گرفته می شود. هر گونه تعامل با ضربه زدن می‌تواند شامل رویدادهای اشاره‌گر و نشانگر پایین باشد.

همه اینها بعنوان “تعاملات منطقی کاربر” در نظر گرفته می شوند.

آشنایی با بخش های مختلف NIP

هر تعامل چند مرحله دارد: زمان ارائه، زمان پردازش و تاخیر ورودی.

فراخوانی رویدادهای مرتبط شامل کل زمان لازم برای اجرای هر سه فاز است.

طولانی ترین مدت یک تعامل منطقی کاربر، چیزی است که ثبت خواهد شد.

ارزش INP خوب چیست؟

اسناد web.dev گوگل توضیح می دهد که مقدار INP خوب حدود 200 میلی ثانیه یا کمتر است.

می توان موارد متفاوت را به این صورت بیان کرد که:

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

Google همچنین خاطرنشان می‌کند که INP هنوز آزمایشی است و راهنمایی‌هایی که در مورد این معیار توصیه می‌کند احتمالاً تغییر خواهد کرد.

INP چه تفاوتی با تاخیر ورودی اول یا FID دارد؟

تفاوت اصلی بین INP و FID این است که FID فقط اولین تعامل در صفحه را در نظر می گیرد.

INP تمام تعاملات صفحه را در نظر می گیرد.

FID فقط متریک تاخیر ورودی را اندازه گیری می کند و کنترل کننده رویداد و مدت زمان پردازش آنها را در نظر نمی گیرد.

همچنین تاخیری در ارائه فریم بعدی تعامل را در نظر نمی گیرد.

چگونه مشکلات INP را در وب سایت خود شناسایی کنیم

برای یافتن مسائل INP در یک وب سایت، ابتدا باید تفاوت های بین داده های آزمایشگاهی و داده های میدانی را در نظر بگیریم.

تنها راه برای یافتن داده های واقعی در مورد آنچه کاربران شما تجربه می کنند، استفاده از داده های میدانی است.

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

در غیر این صورت، استفاده از یک ابزار اتوماسیون مانند Puppeteer می‌تواند به شما کمک کند تا تعاملات دستی را در زمانی که از ابزارهای آزمایشگاهی استفاده می‌کنید، انجام دهید.

درباره داده های آزمایشگاهی

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

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

 درباره داده های میدانی

داده‌های میدانی که به داده‌های RUM (نظارت کاربر واقعی) نیز معروف است، با نظارت بر کاربران در یک صفحه به دست می‌آید.

معیارهای عملکرد، عملکردهای منحصر بفرد را اندازه گیری می کند، و اغلب بینشی در مورد این معیارهای عملکرد خاص ارائه می دهد.

داده های میدانی بر اساس بازدیدهای واقعی کاربر است، بنابراین وب سایت شما ممکن است در دستگاه های واقعی، مکان های جغرافیایی کاربر و همچنین شرایط شبکه آن دستگاه نمایش داده شود.

قرار دادن همه چیز در کنار هم

چه چیز بزرگی در مورد FID، INP، داده های میدانی و داده های آزمایشگاهی وجود دارد؟

خوب، داده های میدانی در ابزارهای کروم ارائه شده است که داده ها را در Core Web Vitals گزارش می دهند.

می‌توانید داده‌های میدانی را از گزارش CrUX (یا گزارش تجربه کاربر Chrome) دریافت کنید. اما، گزارش CrUX تنها بخشی از تصویر است. به همین دلیل است که جمع آوری داده های میدانی مهم است.

استفاده از CrUX به خودی خود نمی تواند بینش عملی کافی برای ایجاد تفاوت واقعی در عملکرد سایت شما ارائه دهد.

گوگل توضیح می دهد که مهم ترین بینش در مورد داده های میدانی این است که فقط یک عدد نیست. در واقع توزیعی از اعداد است.

این به این معنی است که برای نمونه خاصی از کاربران، این امکان وجود دارد که سایت شما بسیار کند بارگذاری شود. برای سایر کاربران، ممکن است سایت شما خیلی سریع بارگیری شود.

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

چگونه می توانید INP را اندازه گیری کنید؟

در حالی که اندازه‌گیری INP هنگام استفاده از داده‌های آزمایشگاهی و میدانی ترکیبی مؤثرتر است، آسان‌ترین راه‌ها برای اندازه‌گیری این معیار Core Web Vitals وجود دارد.

می توانید از برنامه افزودنی گوگل کروم به نام Lighthouse استفاده کنید که حالت بازه زمانی دارد.

این حالت به شما این امکان را می‌دهد تا راحت‌تر آنچه را که در حین بارگذاری صفحه اتفاق می‌افتد نظارت کنید، که می‌تواند به شما در عیب‌یابی مشکلات INP کمک کند.

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

• ماژول npm در Lighthouse
• جریان کاربر در Lighthouse
• برنامه افزودنی Chrome Web Vitals

چگونه ارزش های INP خود را بهبود ببخشید؟

بهترین راه برای انجام این کار این است که موضوع اصلی خود را بهینه کنید.

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

به عنوان مثال، یک سایت وردپرسی با 15 افزونه تبلیغاتی دارید که به نمایش تبلیغات در صفحه شما اختصاص داده شده است و شاید لزوماً از همه آنها استفاده نکنید.

خاموش کردن 90٪ از این افزونه ها باید به بهبود INP شما کمک کند زیرا کار بارگذاری صفحه را به تاخیر می اندازد.

برخی از مسائل INP به این دلیل به وجود می‌آیند که افراد کار اصلی خود را به اندازه کافی بهینه نمی‌کنند تا مطمئن شوند که از دیدگاه Core Web Vitals به درستی کار می کنند.

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

اینها فقط برخی از عواملی هستند که باید برای اعداد INP بهتر و موثرتر بهینه شوند.

بهبود INP شما یک گلوله نقره ای نیست

مهم است که توجه داشته باشید که بهبود INP شما یک گلوله نقره ای نیست که تضمینی برای موفقیت فوری سئو باشد. بلکه یکی از موارد موثری است که با پرداختن به آن می توان عملکرد سایت را بهبود بخشید.

باید بدانید بهبود عملکرد و سئو سایت بستگی به عوامل مختلفی دارد که موفقیت در این موضوع بستگی به رعایت کردن المانهای مختلف سئو در سایت است تا بتوان نتیجه موثری را برای آن درنظر گرفت.

ویکی دمی
مرجع آموزش و خدمات سئو و طراحی سایت