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

Маяк 2.6 вышел! Основные моменты включают в себя:

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

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

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

Новые проверки эффективности

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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