У Google есть официально закрыла свое расширение Web Vitals Chrome с выпуском Chrome 132.

Все его ключевые функции теперь полностью интегрированы в панель «Производительность» DevTools, что делает его незаменимым инструментом для измерения основных веб-показателей.

Хотя расширение использовали почти 200 000 пользователей, команда Chrome решила сосредоточиться исключительно на DevTools, который предлагает более мощную и централизованную платформу для отладки производительности сайта.

Почему расширение было удалено

Расширение Web Vitals отлично подходило для раннего мониторинга Core Web Vitals, но теперь DevTools предлагает ту же функциональность — и даже больше.

Перенеся все в DevTools, Google предоставляет разработчикам более удобный рабочий процесс оптимизации производительности.

Что нового в DevTools?

Панель «Производительность» в DevTools теперь копирует и расширяет возможности расширения:

  • Живые метрики: данные Core Web Vitals в реальном времени для ваших локальных тестов.
  • Данные поля: сравнение локальных показателей с данными CrUX для URL-адресов и источников, включая просмотры на настольных компьютерах и мобильных устройствах.
  • Подробности о самой большой краске с содержанием (LCP): найдите конкретный элемент, лежащий в основе оценки LCP, просмотрите разбивку по фазам, например время до первого байта (TTFB), и задержку рендеринга.
  • Журнал взаимодействия со следующей отрисовкой (INP): Отслеживайте взаимодействия, способствующие INP, с подробным указанием времени задержки ввода, обработки и представления.
  • Журнал совокупного смещения макета (CLS): просмотрите сгруппированные изменения макета, влияющие на ваш балл CLS.
  • Диагностические показатели: включает TTFB и First Contentful Paint (FCP).

DevTools предоставляет все возможности расширения, а также расширенные инструменты отладки — и все это в одном месте.

ЧИТАТЬ  Apple Intelligence выйдет на эти языки в апреле

Что разработчикам следует делать дальше

Если вы все еще используете расширение Web Vitals, пришло время перейти на DevTools.

Google даже создал руководство по миграции чтобы облегчить переход.

Для тех, кто не может выполнить миграцию, Google поделился инструкциями по поддержанию локальной копии расширения.

Однако ключ API CrUX, привязанный к расширению, скоро будет отозван, поэтому интеграция полевых данных может прерваться, если вы не сгенерируете новый ключ с помощью документации CrUX API.

Заглядывая в будущее

Этот шаг свидетельствует о стремлении Google сделать DevTools лучшим инструментом мониторинга производительности для разработчиков. Панель «Производительность» охватывает все: от основных веб-показателей до расширенной диагностики, и в ближайшее время появятся новые обновления.

Расширение Web Vitals было полезным инструментом, но его лучшие функции теперь доступны в DevTools, что упрощает разработчикам мониторинг и оптимизацию производительности сайта из одного места.

Для более подробной информации ознакомьтесь с официальное объявление или Репозиторий GitHub.

Рекомендуемое изображение: Уильям Поттер/Шаттерсток



Source link