Маяк 2.6 Обновить

Брендан Кенни
Brendan Kenny
Кейс Баскс
Kayce Basques

Вышел Lighthouse 2.6! Основные моменты:

Полный список новых функций, изменений и исправлений ошибок см. в примечаниях к выпуску версии 2.6.

Как обновиться до 2.6

  • NPM. Запустите npm update lighthouse . Запустите npm update lighthouse -g flag, если вы установили Lighthouse глобально.
  • Расширение Chrome. Расширение должно автоматически обновиться, но вы можете обновить его вручную через chrome://extensions .
  • DevTools. Панель аудита будет поставляться с 2.6 в Chrome 65. Вы можете проверить, какую версию Chrome вы используете, через chrome://version . Chrome обновляется до новой версии примерно каждые 6 недель. Вы можете запустить последний код Chrome, загрузив Chrome Canary .

Новые аудиты производительности

Время загрузки JavaScript велико

Посмотрите разбивку времени, которое ваша страница тратит на парсинг, компиляцию и выполнение каждого скрипта. Время загрузки JavaScript — это несколько скрытый, но важный фактор времени загрузки страницы.

Аудит «Время загрузки JavaScript велико».
Рисунок 1. Время загрузки JavaScript высокое .

Использует неэффективную политику кэширования для статических активов

Убедитесь, что браузер правильно кэширует каждый из ваших ресурсов.

Аудит «Использует неэффективную политику кэширования статических активов»
Рисунок 2. Политика неэффективного кэширования при аудите статических активов

Избегает перенаправлений страниц

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

Аудит «Избегает перенаправлений страниц»
Рисунок 3. Аудит перенаправлений на страницу «Избегает»

Пересмотр оценки раздела доступности

В Lighthouse 2.6 совокупный показатель доступности рассчитывается иначе. Оценка взвешивает каждый аудит доступности на основе серьезности его влияния на пользовательский опыт, а также частоты проблемы на основе набора данных HTTP Archive . Подробное обсуждение см. на странице googlechrome/lighthouse/issues/3444.

Сообщить об улучшениях UX

Ошибки верхнего уровня

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

Ошибки верхнего уровня в верхней части отчета
Рисунок 4. Ошибки верхнего уровня в верхней части отчета

Нажмите «Экспортировать отчет». Экспорт отчета затем выберите «Печать сводки» или «Печать расширенной версии» , чтобы распечатать обобщенные или подробные версии ваших отчетов.

Распечатать сводку и развернутые представления
Рисунок 5. Печать сводки и развернутых представлений

Исправление ошибки соотношения сторон

В версии 2.6 также исправлена ​​ошибка, из-за которой аудит отображения изображений с правильным соотношением сторон завершался сбоем, даже если на странице не было изображений или все изображения имели правильный размер.