INP چیست

همان طور که می‌دانید، Core Web Vital یکی از فاکتورهای اساسی گوگل برای رتبه بندی سایت‌ها به حساب می‌آید. زمانی که در سال 2021 گوگل این موضوع را اعلام کرد، اهمیت سئو تکنیکال نیز بهینه سازی سایت‌ها بیشتر از قبل شد.

در سال 2024 نیز گوگل اعلام کرد که قصد دارد به ترکیب سه گانه معروف Core Web Vital یعنی (FID، LCP و CLS) دست برده و آن را دچار تغییرات کند و معیار جدیدی به اسم INP را جایگزین FID کند.

به همین خاطر برای آشنایی بیشتر شما قصد داریم در ادامه این مطلب از سئو ایران به این موضوع بپردازیم که INP دقیقا چیست؟ چطور کار می‌کند؟ و چطور باید سایت را برای آن بهینه سازی کرد؟ بنابراین به شما پیشنهاد می‌کنیم که در ادامه این مطلب ما را همراهی کنید.

INP یا Interaction to next paint چیست؟

INP که مخفف عبارت Interaction to next paint است، معیاری است که روی تعامل کاربران با سایت شما تمرکز می‌کند. همان طور که بهتر می‌دانید، یک وبسایت باید به ازای هر کلیک کاربران، پاسخی را به آنها نمایش دهد. حال منظور از INP مدت زمانی است که طول می‌کشد تا کاربران بتواند پاسخ خود را دریافت کرده و روی صفحه آن را مشاهده کند.قطعا بهبود این مورد به سئو سایت شما کمک خواهد کرد.

شاید تا به حال برایتان این موضوع پیش آمده باشد که در یک سایت، روی دکمه خاصی کلیک می‌کنید، ولی پاسخی دریافت نمی‌کنید. به عنوان مثال فرض کنید که در یک سایت فروشگاهی می‌خواهید یک محصول را به سبد خرید خود اضافه کنید؛ ولی زمانی که روی گزینه به علاوه (+) یا افزودن به سبد خرید کلیک می‌کنید، اتفاقی نمی‌افتد و شما متوجه نمی‌شوید که آیا آن محصول مورد نظر به سبد خرید شما اضافه شده است یا خیر.

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

همچنین بخوانید : اسپم اسکور چیست

نحوه محاسبه INP به چه صورت است؟

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

بررسی تأثیر INP روی Core Web Vital

قبل از هر چیز، بهتر است ابتدا مرور سریعی بر Core Web Vital داشته باشیم و فاکتورهای تأثیر گذار روی آن را بررسی کنیم.

Core Web Vital شامل یک سری از فاکتورهایی می‌شود که گوگل آنها را در تجربه کاربران تأثیر گذار می‌داند. به زبان ساده، همه این معیارها برای اندازه گیری میزان کیفیت تجربه کاربران در یک وبسایت مورد استفاده قرار می‌گیرند. این معیارها شامل موارد زیر می‌شوند:

Largest Contentful Paint (LCP): این معیار نشان دهنده‌ی زمانی است که بزرگ‌ترین عنصر محتوایی در صفحه (مثل تصویر، ویدئو یا بلوک متن) به طور کامل رندر می‌شود. LCP پایین‌تر به معنای بارگذاری سریع‌تر صفحه است.

Cumulative Layout Shift (CLS): CLS میزان بی‌ثباتی چیدمان صفحه را اندازه‌گیری می‌کند. CLS بالا به این معنی است که عناصر صفحه بعد از شروع بارگذاری جابه‌جا می‌شوند و این باعث تجربه کاربری نامطلوب می‌شود.

First Input Delay (FID): FID مدت زمانی را اندازه‌گیری می‌کند که کاربر برای اولین بار با صفحه تعامل برقرار می‌کند (مثل کلیک کردن روی یک دکمه یا تایپ کردن در یک فیلد) تا زمانی که مرورگر بتواند به آن تعامل پاسخ دهد. FID پایین‌تر به معنای پاسخ‌گویی سریع‌تر صفحه به تعاملات کاربر است.

در بین این معیارها، به نظر می‌رسد که FID شباهت بیشتری با INP دارد. اما تفاوت‌های این دو معیار چیست؟ چرا گوگل INP را جایگزین معیار FID کرد؟

بررسی تفاوت‌های INP و FID

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

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

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

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

توجه داشته باشید که اگر رتبه FID یک سایت قبلا بالا بوده، به این معنی نیست که رتبه INP آن نیز دارای وضعیت مطلوبی است.

ابزارهای مناسب برای اندازه گیری INP سایت

چندین ابزار مختلف برای اندازه گیری INP وجود دارند. کارشناسان سئو و توسعه دهندگان می‌توانند از ابزارهای مبتنی بر مرورگر مثل Lighthouse Chrome User Experience Report و PageSpeed Insights برای اندازه گیری معیار مهم INP بهره ببرند. همچنین ابزارهای سرچ کنسول خود گوگل نیز در بخش Core Web Vital این معیار را مورد بررسی قرار می‌دهد.

چه عواملی می‌توانند روی مقدار INP تأثیر داشته باشند؟

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

چه عواملی می‌توانند روی مقدار INP تأثیر داشته باشند؟

اصلی‌ترین دلایل وقوع خطای INP

با اضافه شدن این معیار مهم به Core Web Vital کارشناسان سئو باید سایت‌ها را بر اساس این معیار بهینه سازی کنند و در صورت بروز هر گونه خطایی، آن را بهینه کرده و خطاهای پیش آمده را برطرف کنند. اصلی‌ترین دلایل بروز خطای INP یعنی عدد آن بیش از 200 میلی ثانیه شود، شامل موارد زیر می‌شوند:

مسدود شدن رندرینگ اصلی (Main Thread Blocking)

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

تسک های طولانی

منظور از تسک، همان کارهایی است که یک مرورگر در پشت صحنه برای نمایش یک صفحه انجام می‌دهد. این تسک های می‌توانند شامل نمایش، تجزیه و تحلیل HTML، اجرای کدهای جاوا اسکریپت و… باشند که ممکن است شما روی آنها کنترل داشته یا نداشته باشید.

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

اندازه DOM

DOM یا Document Object Modelبخشی مهم و اصلی از یک وبسایت به حساب می‌آید. DOM یک نمایش از سند HTML به صورت درختی است. هر شاخه در درخت در یک گره به پایان می‌رسد و هر گره می‌تواند شامل اشیا باشد. گره‌ها دارای بخش‌های مختلفی هستند که شامل عناصر، رشته‌های متنی یا توضیحات می‌شوند.

هر چقدر که DOM بزرگ‌تر باشد، می‌تواند مشکلات بیشتری را برای سایت به وجود بیاورد و روی عملکرد مرورگر تأثیر داشته باشد. به گفته خود گوگل، اگر گره‌های DOM بیشتر از 1400 باشند، زیاد محسوب می‌شوند. در واقع، هر چقدر که DOM یک صفحه بزرگ‌تر باشد، مرورگر به منابع بیشتری برای نمایش و بروزرسانی صفحه نیاز دارد!

سخن پایانی

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

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