Google отказывается от расширения Web Vitals и переносит все на DevTools

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

Его основные характеристики были легко объединены на вкладке «Производительность» DevTools, что делает его основным инструментом для оценки показателей Core Web Vitals.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Смотрите также

2025-01-15 00:38