Google افزونه Web Vitals را بازنشسته می کند، همه چیز را به DevTools منتقل می کند

گوگل با انتشار کروم 132 به طور رسمی افزونه Web Vitals کروم خود را تعطیل کرد.

تمام ویژگی های کلیدی آن اکنون به طور کامل در پنل عملکرد DevTools ادغام شده است و آن را به ابزاری برای اندازه گیری Core Web Vitals تبدیل می کند.

در حالی که نزدیک به 200000 کاربر از این افزونه استفاده می کردند، تیم کروم تصمیم گرفته است که تنها بر DevTools تمرکز کند که پلتفرم قدرتمندتر و متمرکزتری برای اشکال زدایی عملکرد سایت ارائه می دهد.

چرا الحاقیه بازنشسته شد

افزونه Web Vitals برای نظارت اولیه Core Web Vitals عالی بود، اما DevTools اکنون همان عملکرد و بیشتر را ارائه می کند.

با انتقال همه چیز به DevTools، Google گردش کار بهینه سازی عملکرد یکپارچه تری را در اختیار توسعه دهندگان قرار می دهد.

چه چیزی در DevTools جدید است؟

پانل عملکرد در DevTools اکنون قابلیت های برنامه افزودنی را تکرار کرده و گسترش می دهد:

• معیارهای زنده: داده های بی درنگ Core Web Vitals برای آزمایش های محلی شما.
• داده های فیلد: معیارهای محلی را با داده های CrUX برای نشانی های وب و مبدا، از جمله نمایش های دسک تاپ و تلفن همراه مقایسه کنید.
• بزرگترین جزئیات رنگ محتوایی (LCP).: عنصر خاصی را در پشت امتیاز LCP خود بیابید، تفکیک های فازی مانند Time to First Byte (TTFB) را ببینید و تاخیر رندر را ببینید.
• گزارش تعامل با رنگ بعدی (INP).: تعاملات کمک کننده به INP را با زمان بندی دقیق برای تاخیر ورودی، پردازش و ارائه پیگیری کنید.
• گزارش تغییر چیدمان تجمعی (CLS).: تغییرات طرح بندی گروهی را ببینید که به امتیاز CLS شما کمک می کند.
• معیارهای تشخیصی: شامل TTFB و First Contentful Paint (FCP) می شود.

DevTools همه چیزهایی را که افزونه انجام داد، به علاوه ابزارهای پیشرفته اشکال زدایی، همه را در یک مکان ارائه می دهد.

آنچه که توسعه دهندگان باید در مرحله بعد انجام دهند

اگر هنوز از برنامه افزودنی Web Vitals استفاده می کنید، وقت آن رسیده است که به DevTools بروید.

گوگل حتی یک راهنمای مهاجرت ایجاد کرده است تا انتقال را آسان تر کند.

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

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

نگاه کردن به جلو

این حرکت نشان دهنده تعهد گوگل برای تبدیل DevTools به بهترین ابزار نظارت بر عملکرد برای توسعه دهندگان است. پانل Performance همه چیز را از Core Web Vitals گرفته تا تشخیص های پیشرفته را پوشش می دهد و به روز رسانی های بیشتری در راه است.

افزونه Web Vitals ابزار مفیدی بود، اما بهترین ویژگی های آن اکنون در DevTools وجود دارد و نظارت و بهینه سازی عملکرد سایت را از یک مکان برای توسعه دهندگان آسان تر می کند.

برای جزئیات بیشتر، اطلاعیه رسمی یا مخزن GitHub را بررسی کنید.

تصویر ویژه: ویلیام پاتر/Shutterstock