INP یا مخفف کلمه Interaction to Next Paint که به معنای تعامل کاربران با وب سایت شما را نشان می دهد. زمانی که یک کاربر به سایت شما ورود پیدا می کند و یکی از معیارهای گوگل تحت عنوان INP به معنای تعامل کاربران با سایت شما را مشخص می کند. یعنی آی ان پی نشان می دهد که یک صفحه از سایت شما چقدر برای بازدید کننده ها جذابیت دارد که باعث کلیک آنها روی سایت شما در موتورهای جستجو نظیر گوگل می شود.
سال 2021 شرکت گوگل اعلام نمود که یک فاکتور مهم رتبه بندی سایت ها تحت عنوان Core web vital را مد نظر قرار می دهد. با توجه به اهمیت سئو تکنیکال در صنعت وب سایت ها، امروزه سرعت و تجربه کاربری حرف اول را می زند. رسما گوگل سه تا فاکتور مهم در این زمینه معرفی کرده شامل (FID ،LCP و CLS) است که در وب ویتال تاثیر زیادی دارد.
در این مقاله از وب سایت نیکداد به طور کامل به معرفی معیار جدید شرکت گوگل تحت عنوان INP می پردازیم که جایگزین FID شده است. پس با ما همراه شوید.
INP (Interaction to next paint) چیست؟
Interaction to Next Paint مخفف کلمه INP است که در واقع یکی از معیارهای جدید تعاملات کاربران با سایت ها را شامل می شود. یعنی وقتی یک سایت باید به ازای هر تعامل کاربر مثل کلیک روی یک دکمه ، لینک پاسخی را نشان دهد. حتما درباره دکمه های Call Action چیزی شنیده اید، منظور از آی ان پی مدت زمانی است که طول می کشد تا یک شخص روی این گزینه ها کلیک کند و تعامل نشان دهد.
حتما برای شما کاربران پیش آمده که در یک سایت فروشگاهی روی یک آیکون یا دکمه خاص کلیک کنید و هیچ اتفاق خاصی نیفتاده باشد. مثلا زمانی که به یک سایت فروشگاه یا خدمات مراجعه کرده اید و با کلیک روی دکمه خرید، محصولی را به سبد خرید خودتان اضافه می کنید، که در کمال ناباوری مشاهده می کنید که هیچ اتفاقی رخ نمی دهد و شما اصلا متوجه نشده اید که محصول در سبد خریدتان قرار گرفته یا خیر!
اینکار باعث نا امیدی در کاربران می شود و حتی شما که به دنبال خرید یک محصول در یک سایت فروشگاهی باشید، امید خود را از دست می دهید. تجربیات تلخ و ناخوشایند رابط کاربری می تواند برای وب سایت شما گران تمام شود. معمولا چنین سایت هایی اصلا به معیار inp توجهی نکرده و از آنجایی که آی ان پی تبدیل به یکی از معیارهای کور وب ویتال شده است، یعنی افت سئو و رتبه های سایت در گوگل را در پی خواهد داشت.
روش محاسبه INP وب سایت ها
واحد اندازه گیری آی ان پی بر حسب میلی ثانیه است و شاید با خودتان فکر کنید که گوگل هر تعامل کاربر را یک به یک اندازه گیری و آنالیز می کند. اما اصلا اینگونه نیست و یک کاربر در طول مدتی که از یک سایت به صفحات مختلف می رود و از آنها بازدید بعمل می آورد، ممکن است چندین تعامل مختلف با آن سایت داشته باشد.
در چنین حالتی گوگل به جای اینکه تک تک زمان های بین تعامل و واکنش صفحه را در نظر بگیرد، میزان INP را بر اساس طولانی ترین زمان تعاملات صفحه محاسبه می نماید. بر طبق آنچه گوگل اعلام کرد، مقدار inp کمتر از 200 میلی ثانیه خوب، بین 200 تا 500 میلی ثانیه نیازمند اصلاح و بالای 500 میلی ثانیه بد محسوب می گردد.
میزان تاثیر INP بر Core web vital
معمولا مرور کامل Core Web Vital و تاثیر آ بر INP می تواند برحسب فاکتورهای مختلفی صورت بگیرد. در واقع Core Web Vitals مجموعه فاکتورهایی است که گوگل آنها را در تجربه کاربر یک صفحه مهم می داند. یعنی این معیارها برای اندازه گیری کیفیت تجربه کاربران در سایت ها استفاده می شوند. قبلا البته معیارها قبل از معرفی INP به صورت زیر بود!
- Largest Contentful Paint (LCP): مدت زمانی که طول میکشد تا بزرگترین عنصر محتوای صفحه برای کاربر به نمایش گذاشته شود.
- First Input Delay (FID): اندازهگیری اولین تعامل و پاسخگویی یک صفحه وب با کاربر.
- Cumulative Layout Shift (CLS): اندازهگیری Visual Stability یا همان ثبات المانهای تصویری.
بررسی و مقایسه کامل INP و FID
شاید در نگاه اول با خودتان بگویید که این دو گزینه و معیار چندان تفاوتی باهمدیگر ندارند و چرا گوگل تصمیم گرفت inp را به جای fid معرفی کند و به وب مسترها ارائه دهد. inp طولانی ترین تعاملات را می تواند اندازه گیری کند در حالی که FID اولین تعامل کاربر با سایت را در نظر می گیرد.
آی ان پی بر اساس چندین تعامل کاربر در طول زمان روی صفحه اندازه گیری خواهد شد. در حالی که FID تنها تاخیر اولین تعامل کاربر با سایتد و پاسخ مرورگر را اندازه می گیرد. آی ان اپی مدت زمانی را که قطعه کدهای تعاملی بعد از بارگذاری اولیه صفحه اجرا می شوند را برعکس FID ، در نظر می گیرد. مثلا یک سایت در اختیار دارید که در آن یک فرم ثبت نام قرار دارد. وقتی کاربران به سایت شما می آیند، ابتدا صفحه بارگذاری می شود و سپس اسکریپت های تعاملی که امکان اجرای عملیات مختلف نظیر اعتبار سنجی فرم و بررسی داده های ورودی را دارند، بارگذاری خواهد شد.
NIP به این نکات توجه می کند که مدت زمان لازم برای بارگذاری این اسکریپت های تعاملی بعد از بارگذاری اولیه صفحه چقدر است. اما FID این جنبه ها را لحاظ نمی کند و فقط به تاخیر اولین تعامل کاربران با وب سایت و پاسخ مرورگر خواهد پرداخت. بنابراین inp ارزیابی جامع تری از تعامل کاربران با سایت را ارائه خواهد کرد و تجربه های واقعی افراد را بهتر بازتاب خواهد داد.
ابزارهای اندازهگیری INP در وبسایت
در زمان اندازه گیری INP ، چندین ابزار قرار دارد که توسعه دهندگان وب سایت و کارشناس های سئو از ابزارهای مبتنی بر مرورگر همانند Lighthouse Chrome User Experience Report و PageSpeed Insights بهره می برند.
همچنین سرچ کنسول گوگل نیز به عنوان یکی از قوی ترین ابزارها در بخش Core web vitals، اطلاعات مربوط به INP را نمایش میدهد.
میزان INP تحت تاثیر چه چیزهایی قرار دارد؟
وقتی کاربری با یک صفحه وب تعامل می کند، یک سری اتفاقات پشت پرده ای در حال رخ دادن است. مرورگر باید آن تعامل را پردازش نماید. کد جاوا اسکریپت مربوطه را اجرا نماید و تغییرات بصری را در صفحه نمایشگر نشان دهد. آی ان پی بر تمامی این فرآیندها تمرکز لازم را داشته و در نتیجه کدهای جاوا اسکریپت و سی اس اس بر مقدار INP تاثیرگذار است.
دلیل خطاها در INP و روش های رفع مشکلات آن
با افزودن معیار آی ان پی در core web vital متخصصین سئو و سئوکارهای عزیز باید این اختیار را داشته باشند تا سایت ها را بر مبنای این معیار بهینه سازی کرده و در صورت ایجاد خطاها یا طولانی شدن زمان inpt ، آن را بهینه نمایند. یکی از اصلی ترین دلایلی که باعث می شود تا عدد inp از 200 میلی ثانیه بیشتر گردد موارد زیر می باشد:
تسک های طولانی:
تسک یا وظیفه یک سری کارها که در مرورگر پششت صفحه برای نمایش یک صفحه انجام می گرد. وظایفی شامل تجزیه و تحلیل کدهای اچ تی ام ال ، اجرای کدهای جاوا اسکریپت یا php و … که شما کنترلی روی آنها ممکن است داشته یا نداشته باشید. در حالی که تسک های مختلف دیگری وجوددارد که در صف اجرا هستند. امکان پردازش تمامی تسک ها در لحظه نیست.
البته بخش دیگر مشکل این بوده اگر یک تسک بالای 50 میلی ثانیه زمان برای اجرا نیاز داشته باشد، یک تسک طولانی به حساب می آید. با توجه به اینکه مرورگر فقط می تواند یک تسک را در لحظه پردازش کند. هرچه آن تسک طولانی تر باشد، مرورگر نیز زمان زیادی برای پردازش لازم دارد.
بنابراین اگر شخص یا کاربر در حال تلاش برای تعامل با صفحه باشد، در حالی که یک وظیفه طولانی در حال اجرا دارد، مرورگر با تاخیر به درخواست کاربر پاسخ می دهد. این نشان می دهد که INP ضعیف می باشد.
میزان یا اندازه DOM
دام یا همان DOM که به معنای Document Object Model است و یک بخش جدا نشدنی از وب سایت ها می باشد. دام یعنی نمایش سندهای html به شکل درختی است. هر شاخته در درخت که با یک گره به اتمام می رسد و هر گره شامل موضوعی می باشد. گره ها بخش هایی مختلف از سندها شامل رشته های متنی، عناصر و توضیحات را شامل می شود.
اندازه بزرگ یک dom می تواند مشکل ایجاد کند و بر روی عملکرد مرورگرها تاثیر بگذارد. اگر تعداد dom های یک صفحه بالای 1400 گره باشد، بسیار زیاد است. هرچه DOM یک صفحه بزرگتر باشد، مرورگر به منابع زیادی نیاز دارد تا بتواند صفحه نمایش و آپدیت های لازم را انجام دهد. در نتیجه برای بهبود INP، باید مطمئن شوید که DOM تنها عناصر ضروری را شامل می شوند.
رندرینگ اچ تی ام ال در سمت کاربر
زمانی که شخصی یا کاربری صفحه سایت را بارگزاری می کند. دو روش متفاوت برای نمایش محتوا قرار دارد:
- رندرینگ سمت سرور (Server-side Rendering):
در این بخش سرور یا میزبان سایت تمامی محتوای HTML را به مرورگر کاربر می فرستد و در این حالت مرورگر فقط کافیست این اطلاعات را نشان دهد.
- رندرینگ سمت کاربر (Client-side Rendering):
همچنین در بخش سمت کاربر نیز مرورگر یک نسخه اولیه از HTML را از سرور دریافت کرده و با استفاده از کد جاوا اسکریپت محتوای زیادی به آن اضافه می کند تا صفحه کامل نشان داده شود.
فرق این دو روش در نحوه رندینگ سمت کاربر است که مرورگر باید کمی صبر کند تا کد جاوا اسکریپت اجرا گردد تا محتوای اضافی را بارگزاری نماید. این به کمی زمان نیاز دارد در شرایطی که محتوای سایت کمی زیاد و بزرگ است، کندی تاثیر منفی روی INP می گذارد.
کلام آخر
آی ان پی همان چیزی است که بسیاری از سئوکارها دنبال آن هستند. INP فراتر از یک فاکتور سئوی تکنیکال است و در سال های اخیر نزد گوگل ارزش بالایی یافته است. شاید در آینده تجربه کاربری نیز ارزش بالایی در INP پیدا کند. در واقع INP هم اکنون نیز مستقیم نشان دهنده توجه سایت به مخاطب و تجربه کاربر است. این فاکترو یکی از مهم ترین موارد در رتبه بندی سایت ها برای موتورهای جستجوگر است. سایت هایی که INP آنها در حالت مطلوب و ایده آل قرار گرفته اند. وضعیت سئو بهتری خواهند داشت.
