Google обновил Lighthouse до версии 9.0

Изменения в API, поддержка User Flows, обновлённый отчёт, новые элементы доступности.

Google обновил Lighthouse до версии 9.0. Получить доступ к Lighthouse 9.0 можно через командную строку в Chrome Canary или через новый интерфейс PageSpeed Insights.

Новая версия Lighthouse станет доступна после выхода Chrome 89.

Что нового

    Изменения в API

    Большинство пользователей не должны увидеть никаких изменений. Но если вы запускаете кастомизированные аудиты или используете инструменты, которые зависят от отчёта Lighthouse JSON, то проверьте документацию – там могут быть важные изменения.

    Поддержка User Flows

    Lighthouse 9.0 теперь поддерживает новый API, который позволяет анализировать User Flow – пользовательский путь.

    Можно моделировать клики по ссылкам, прокрутку и загрузку дополнительных страниц. Это означает, что производительность можно измерять во время загрузки страницы и во время взаимодействия со страницей. Раньше измерять производительность можно было только во время загрузки.

    Как это выглядит:

    Как выглядит User Flow
    Как выглядит User Flow

    Обновлённый отчёт

    Отчёт стал более читаемым, а источники данных понятнее.

    В верхнюю часть отчёта добавили финальный скриншот страницы, чтобы сразу оценить, правильно ли загружена тестируемая страница и в каком формате:

    Обновлённый отчёт
    Обновлённый отчёт

    Разработчики также обновили сводную информацию внизу отчёта, чтобы специалисты лучше понимали, как он формировался:

    Сводная информация внизу страницы
    Сводная информация внизу страницы

    Доступность

    Частая ошибка – элементы на странице должны быть уникальными, но таковыми не являются. Например, если идентификатор в атрибуте aria-labelledby используется для нескольких элементов.

    Раньше Lighthouse перечислял только первый повторяющийся элемент. Теперь в Lighthouse 9.0 перечислены все элементы, имеющие один идентификатор:

    Как теперь выглядят элементы с дублирующимся идентификатором
    Как теперь выглядят элементы с дублирующимся идентификатором

    В наших новостях всегда есть немного больше, чем у других. Подпишитесь на канал в Телеграм и читайте интересные новости первыми.

    Подписаться

    Теги: