آزمایش Chrome با هدف برطرف کردن ویتارهای اصلی وب برای سایتهای سنگین جاوا اسکریپت

Google Chrome در حال آزمایش روش جدیدی برای اندازه گیری ویتامین های اصلی وب در برنامه های تک صفحه ای (SPA) است که یک نقطه کور دیرینه در ردیابی عملکرد است که بر ممیزی های سئو و سیگنال های رتبه بندی تأثیر می گذارد.

با شروع Chrome 139 ، توسعه دهندگان می توانند یک آزمایش اصلی را برای API ناوبری نرم انتخاب کنند. این امر اندازه گیری معیارهایی مانند LCP ، CLS و INP را حتی در صورت بروزرسانی محتوا بدون بارگیری مجدد کامل امکان پذیر می کند.

چرا این برای سئو مهم است

اسپا برای سرعت و تعامل محبوب است ، اما نظارت بر استفاده از ابزارهایی مانند فانوس دریایی ، داده های میدانی در CRUX یا اسکریپت های نظارت بر کاربر واقعی بسیار دشوار بوده است.

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

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

آنچه API جدید انجام می دهد

API Navigations Soft Chrome از اکتشافی داخلی استفاده می کند تا هنگام وقوع یک ناوبری نرم ، تشخیص دهد. به عنوان مثال:

• یک کاربر روی یک لینک کلیک می کند
• به روزرسانی های URL صفحه
• DOM به وضوح تغییر می کند و باعث ایجاد رنگ می شود

هنگامی که این شرایط برآورده شد ، کروم اکنون آن را به عنوان یک رویداد ناوبری برای اندازه گیری عملکرد درمان می کند ، حتی اگر هیچ بار کامل صفحه ای رخ نداد.

API معیارها و پیشرفتهای جدیدی را معرفی می کند ، از جمله:

• interaction-contentful-paint – به شما امکان می دهد بعد از یک ناوبری نرم ، بزرگترین رنگ محتوا را اندازه گیری کنید
• navigationId -به ورودی های عملکرد اضافه شده است تا معیارها با ناوبری های خاص گره خورده باشند (هنگام تغییر URL ها در مداخله میانی بسیار مهم است)
• پسوند به تغییر طرحبا زمان بندیوت درپ برای کار در ناوبری های نرم

چگونه آن را امتحان کنیم

شما می توانید این ویژگی را امروز در Chrome 139 با استفاده از هر دو آزمایش کنید:

• تست محلی: فعال کردن chrome://flags/#soft-navigation-heuristics
• محاکمه مبداء: برای جمع آوری داده های کاربر واقعی ، از طریق برچسب متا یا عنوان HTTP به سایت خود اضافه کنید

Chrome توصیه می کند که پرچم “انتساب رنگ پیشرفته” را برای کامل ترین داده ها فعال کنید.

چیزهایی که باید در خاطر داشته باشید

باری پولارد Chrome ، که این ابتکار عمل را رهبری می کند ، تأکید می کند که API هنوز تجربی است:

“آیا می خواهید ویتام های اصلی وب را برای اسپا اندازه گیری کنید؟

خوب ما برای این کار روی API Navigations نرم کار کرده ایم و در حال آزمایش یک محاکمه جدید با Origin از Chrome 139 هستیم.

آن را برای اجرای برنامه خود در نظر بگیرید و ببینید که آیا به درستی ناوبری های نرم را در برنامه خود تشخیص می دهد و به ما اطلاع می دهد که آیا این کار را نمی کند! “

در اینجا آنچه شما باید بدانید در اینجا است:

• معیارها ممکن است در نسخه های قدیمی کروم یا مرورگرهای دیگر پشتیبانی نشوند
• ممکن است ارائه دهنده رم شما نیاز به پشتیبانی داشته باشد navigationId وت interaction-contentful-paintبرای ردیابی
• برخی از موارد لبه ، مانند تغییر مسیر اتوماتیک یا replaceState() استفاده ، ممکن است به عنوان ناوبری ثبت نام نکند

نگاه کردن

این آزمایش گامی در جهت دقیق تر کردن وب سایت های اصلی برای وب سایت های مدرن JavaScript سنگین است.

در حالی که API هنوز در گزارش های عملکرد عمومی Chrome مانند CRUX ادغام نشده است ، در صورت اثبات موفقیت آمیز ، می تواند تغییر کند.

اگر سایت شما به React ، Vue ، Angular یا سایر چارچوب های آبگرم متکی است ، اکنون شانس شما برای آزمایش این است که چگونه رویکرد جدید Chrome تجربه کاربر را ضبط می کند.

تصویر برجسته: رومی سامبورسکی/شاتترستاک