Получите последние обновления Lighthouse и информацию с саммита разработчиков Chrome 2019.
В докладе Speed Tooling Evolutions на саммите разработчиков Chrome (CDS) мы с Полом Айришем представили новейшие продукты и функции Google, которые могут помочь вам создать и поддерживать исключительно быструю работу для всех ваших пользователей. В центре этой истории — дополнения к семейству инструментов мониторинга производительности Lighthouse .
Альфа-релиз Lighthouse CI
Команда Lighthouse выпустила альфа-версию Lighthouse CI, нового продукта непрерывной интеграции, который позволяет запускать Lighthouse при каждом коммите перед отправкой в производство. Lighthouse CI запускает Lighthouse несколько раз, утверждает статический аудит или пороговые значения показателей, а затем загружает отчеты Lighthouse на сервер для визуального сравнения и истории оценок по основным категориям. Существующие конфигурации Budgets.json органично работают вместе с новым выразительным синтаксисом для утверждения любого результата аудита Lighthouse или категории.
Lighthouse CI поддерживает действия Travis CI , Circle CI и GitHub «из коробки», а также любую службу CI на основе Ubuntu или контейнера с некоторой конфигурацией. Вы можете установить сервер Lighthouse CI локально или использовать образ докера для мгновенной настройки . В качестве альтернативы, позволяющей начать работу прямо сейчас, доступно бесплатное общедоступное временное хранилище отчетов Lighthouse.
Скоро: обновления показателей производительности
В 6-й версии оценки Lighthouse Performance грядут изменения! В версии 5 (по состоянию на ноябрь 2019 года) Lighthouse имеет пять показателей, которые взвешиваются и смешиваются для формирования оценки производительности от 0 до 100: первая содержательная отрисовка , индекс скорости , первая значимая отрисовка , время взаимодействия и первое бездействие ЦП .
Подробную информацию см. в разделе Оценка производительности Lighthouse .
В версии Lighthouse 6 новые метрики « Наибольшая содержательная отрисовка» (LCP) и «Общее время блокировки» (TBT) заменяют «Первое простое ЦП» (FCI) и «Первое значимое отрисовывание» (FMP). Веса каждого из пяти показателей будут скорректированы, чтобы лучше сбалансировать различные этапы нагрузки и меры интерактивности.
Команда Lighthouse все еще работает над тем, чтобы все кривые оценки были точно настроены, а метрики были проверенными и тщательно проверенными. Они планируют выпустить оценку производительности Lighthouse v6 в январе 2020 года.
Наборы маяков
Lighthouse может автоматически определять, используют ли сайты фреймворк или систему управления контентом (CMS) , и включать в отчет рекомендации, специфичные для стека. Пакеты Stack Pack добавляют индивидуальные рекомендации, составленные экспертами сообщества (такими как вы!), поверх основных аудитов отчетов Lighthouse.
На данный момент существуют пакеты стеков для Angular, WordPress, Magento, React и AMP. Чтобы создать свой собственный Stack Pack, посетите репозиторий GitHub или свяжитесь с командой Lighthouse .
Скоро: плагины Lighthouse в виде расширений Chrome
Плагины Lighthouse — это еще один способ воспользоваться преимуществами расширяемости Lighthouse. Существует множество проверок качества, которые в настоящее время не охватываются основными аудитами Lighthouse, либо потому, что они применимы только к ограниченной группе разработчиков, либо потому, что у команды еще нет достаточной пропускной способности для проведения аудитов.
Плагины Lighthouse позволяют экспертам сообщества реализовать новый набор проверок, которые Lighthouse может запускать, и добавлять в отчет как новую категорию. На данный момент плагины работают только в Lighthouse CLI , но цель состоит в том, чтобы включить их запуск и на панели DevTools Audits .
Когда пользователи устанавливают расширения плагинов Lighthouse из Интернет-магазина Chrome , DevTools идентифицирует установленные плагины и предлагает их в качестве опции на панели «Аудит» . Команда Lighthouse будет обеспечивать поддержку плагинов в ближайшие месяцы, так что следите за обновлениями. А пока вы можете создать плагин уже сегодня в виде модуля узла и сделать его доступным для всех пользователей Lighthouse через CLI!
Узнать больше
Для получения более подробной информации о Lighthouse и других обновлениях инструментов повышения производительности с CDS 2019 посмотрите разговор об эволюции инструментов Speed:
Ваши отзывы неоценимы для улучшения Lighthouse, поэтому попробуйте Lighthouse CI , напишите Stack Pack или создайте плагин Lighthouse и дайте нам знать , что вы думаете.