بروزرسانی: 27 خرداد 1404
تعامل جدید Google با Next Paint Scale را بهبود بخشید
خلاصه 30 ثانیه ای:
- سرعت صفحه خوب و تجربه کاربری به سایت شما کمک می کند در نتایج جستجو ظاهر شود
- واکنش سنج رنگ بعدی جایگزین اولین تاخیر ورودی می شود
- شما می توانید با کاهش زمان پردازش CPU، پاسخ سریعتر سایت خود به ورودی کاربر را بهبود بخشید
شاخص های عملکرد وب اصلی مجموعه ای از معیارهایی هستند که توسط گوگل برای اندازه گیری میزان تجربه کاربری یک وب سایت خوب تعریف شده اند. آنها برای اولین بار در سال 2021 به یک سیگنال رتبه بندی تبدیل شدند.
اگرچه تعاریف متریک در طول زمان تغییر کرده است، معرفی معیار تعامل با گرافیک زیر بزرگترین تغییر از زمان راه اندازی ابتکار Core Web Vitals است.
تعامل با Next Paint (INP) چیست؟
تعامل با Next Paint معیاری است که سرعت واکنش وب سایت شما به تعامل کاربر را ارزیابی می کند. مدت زمانی را که بین ورودی کاربر، مانند کلیک روی دکمه، و دفعه بعد که محتوای صفحه به روزرسانی می شود («نقاشی بعدی») می گذرد، اندازه گیری می کند.
برای رتبه بهتر در گوگل، تاخیر تعامل باید کمتر از 200 میلی ثانیه باشد. این تضمین می کند که سایت به کاربران پاسخگو باشد.
شاخص های اصلی عملکرد وب چگونه تغییر می کنند؟
گوگل اعلام کرد که تعامل با Next Paint به یکی از سه معیار اصلی وب آن در مارس 2024 تبدیل خواهد شد. در آن مرحله، وب سایتی که به ورودی های کاربر خیلی کند پاسخ می دهد می تواند در رتبه بندی نتایج جستجو بدتر عمل کند.
INP جایگزین اندازه گیری تاخیر ورودی اول (FID) فعلی خواهد شد. در حالی که FID پاسخگویی را نیز اندازه گیری می کند، اما محدودتر است زیرا فقط به اولین تعامل کاربر نگاه می کند. همچنین به جای اینکه منتظر بماند تا کاربر بتواند نتیجه را ببیند، فقط تأخیر را تا زمانی که رویداد ورودی شروع به پردازش کند، اندازه گیری می کند.
در حال حاضر، تنها 64.9 درصد از وب سایت های تلفن همراه در معیار Next Graphic Engagement عملکرد خوبی دارند و گرفتن یک امتیاز INP خوب دشوارتر از گرفتن یک امتیاز تاخیر ورودی خوب است.
چگونه تعامل را با معیار گرافیکی زیر در وب سایت خود اندازه گیری کنم؟
تست سرعت وب سایت را اجرا کنید تا ببینید وب سایت شما با چه سرعتی بارگذاری می شود و با چه سرعتی به ورودی کاربر پاسخ می دهد.
پس از اتمام تست، تب "Web Vitals" را باز کنید. می توانید معیار تعامل را با گرافیک زیر در پایین صفحه مشاهده کنید.
در این مورد، تنها 38 درصد از کاربران تجربه INP خوبی دارند.
چگونه می توانم تعامل با Next Paint را بهبود بخشم؟
تأخیرهای تعامل زمانی اتفاق می افتد که مرورگر قبل از اینکه بتواند صفحه را به روزرسانی کند، نیاز به انجام مقدار زیادی پردازش CPU دارد. این ممکن است به دو دلیل اتفاق بیفتد:
- از پردازش ورودی کاربر توسط وظایف پس زمینه مداوم جلوگیری می کند
- پرداختن به ورودی کاربر خود زمان زیادی می برد
کارهای پس زمینه اغلب در طول بارگذاری اولیه صفحه رخ می دهند، اما می توانند بعداً نیز انجام شوند. آنها اغلب توسط کد شخص ثالث تعبیه شده در وب سایت ایجاد می شوند.
پاسخگویی به تعامل کاربر ممکن است نیاز به پردازش زیادی داشته باشد. اگر نمی توان این را بهبود بخشید، می توانید برای ارائه بازخورد بصری تا زمانی که کار پردازش کامل شود، چرخنده را قابل مشاهده کنید.
اجرای کد جاوا اسکریپت رایج ترین نوع پردازش است، اما به روز رسانی های بصری پیچیده نیز می تواند زمان زیادی را ببرد.
برای تجزیه و تحلیل عملکرد از Chrome DevTools استفاده کنید
نمایه عملکرد Chrome DevTools کارهای وقت گیر را نشان می دهد که باید بهینه شوند. ضبط را شروع کنید، روی یک مورد در صفحه کلیک کنید و سپس روی طولانی ترین نوارها در تصویرسازی کلیک کنید.
این به شما امکان می دهد تعیین کنید که آیا کد از طرف شخص ثالث یا وب سایت شما آمده است. همچنین می توانید عمیق تر کاوش کنید تا ببینید چگونه می توان کار را سرعت بخشید.
برای شناسایی وظایف پس زمینه، معیار زمان انسداد کل را بررسی کنید
متریک زمان انسداد کل تعداد دفعاتی را که وظایف CPU پس زمینه وجود دارد که ممکن است اجرای کدهای دیگر را مسدود کند، ردیابی می کند. اگر کاربر در حالی که یک کار از قبل در حال انجام است با صفحه تعامل داشته باشد، مرورگر آن کار را ابتدا قبل از رسیدگی به رویداد ورودی انجام می دهد.
می توانید از ابزارهایی مانند Google Lighthouse برای یادگیری نحوه بهبود این معیار استفاده کنید.
اگر وظایف پردازش فشرده در وب سایت شما بخشی از کد اصلی وب سایت شما است، باید با تیم توسعه خود برای بهبود آنها همکاری کنید. برای اشخاص ثالث، می توانید بررسی کنید که آیا اسکریپت همچنان مورد نیاز است یا خیر، یا با پشتیبانی مشتری فروشنده تماس بگیرید تا ببینید آیا می توان کد را بهبود بخشید.
واکنش را با پوشش زیر نظارت کنید
آیا می خواهید عملکرد خود را در INP و سایر شاخص های اساسی وب ردیابی کنید؟ DebugBear می تواند سرعت وب سایت شما را ردیابی کند و به شما در بهبود آن کمک کند.
آزمایشی رایگان 14 روزه خود را از امروز شروع کنید و تجربه کاربری بهتری را ارائه دهید.
نتیجه گیری
معیار تعامل گرافیکی زیر نشان دهنده بزرگ ترین تغییر در روند اصلی وب گوگل از زمان اعلام اولیه آن است. INP کاستی های اولین معیار تاخیر ورودی قبلی را برطرف می کند و نمایش بهتری از نحوه تجربه کاربران یک وب سایت ارائه می دهد.
قبل از اینکه تغییر رتبه بندی در سال 2024 انجام شود، عملکرد وب سایت خود را در معیار تعامل با Next Paint بررسی کنید. به این ترتیب زمان زیادی برای شناسایی پیشرفت ها و سریعتر کردن وب سایت خود خواهید داشت.
DebugBear را با یک دوره آزمایشی رایگان 14 روزه امتحان کنید.
منبع: https://www.searchenginewatch.com/2023/05/19/optimize-googles-new-interaction-to-next-paint-metric/