Оценка производительности в Lighthouse

Как Lighthouse оценивает общую производительность страницы

Published on Updated on

Translated to: English, Português, 한국어

В целом, только метрики влияют на оценку производительности в Lighthouse, а не результаты из разделов Opportunities (Возможности) или Diagnostics (Диагностика). Однако работа с этими разделами, вероятно, улучшит значения метрик, поэтому существует косвенная связь.

Ниже мы описали, почему оценка может меняться, как она формируется, и как Lighthouse оценивает каждую отдельную метрику.

Почему оценка меняется

Большая часть изменений в общей оценке производительности и значениях метрик не связана с Lighthouse. Если оценка производительности меняется, это обычно связано с изменениями в основных условиях. Типичные причины:

  • A/B-тесты или изменения в показываемой рекламе.
  • Изменения в маршрутизации интернет-трафика.
  • Тестирование на разных устройствах, например, на высокопроизводительном настольном компьютере и низкопроизводительном ноутбуке.
  • Расширения браузера, которые внедряют JavaScript и добавляют/изменяют сетевые запросы.
  • Антивирусное программное обеспечение.

Эта проблема более подробно рассмотрена в документации Lighthouse по изменчивости оценки.

Более того, даже если Lighthouse может предоставить вам единую общую оценку производительности, более полезно рассматривать производительность сайта как распределение оценок, а не как единое число. Ознакомьтесь с вводной статьей «Ориентированные на пользователя показатели производительности», чтобы понять причины такого подхода.

Как рассчитывается средневзвешенная оценка производительности

Оценка производительности — это средневзвешенная оценка метрик. Естественно, метрики с большим весом оказывают большее влияние на общую оценку производительности. Оценки метрик не видны в отчете.

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

Веб-приложение для подсчета оценки Lighthouse

Ознакомьтесь с системой подсчета оценки с помощью Lighthouse scoring calculator

Lighthouse 8

Lighthouse 6

Как определяются оценки метрик

После того как Lighthouse завершит сбор значений метрик производительности (в большинстве случаев значения измеряются в миллисекундах), он преобразует каждое необработанное значение метрики в оценку метрики от 0 до 100, изучив, куда попадает значение метрики в распределении оценок Lighthouse. Распределение оценок — это логарифмическое нормальное распределение, полученное на основе метрик производительности реального веб-сайта из Интернет-архива.

Например, LCP (Скорость загрузки основного контента) измеряет время до отображения основного контента для пользователя. Значение метрики LCP представляет собой временной промежуток между началом загрузки страницы и появлением основного контента. По данным реальной статистики, сайты с наилучшими показателями отображают LCP примерно за 1220 мс, поэтому это значение метрики соответствует оценке 99.

Если немного углубиться в тему, модель кривой подсчета оценки Lighthouse использует данные Интернет-архива для определения двух контрольных точек, которые затем задают форму кривой логарифмического нормального распределения. 25-й процентиль данных Интернет-архива становится оценкой 50 (медианная контрольная точка), а 8-й процентиль становится оценкой 90 (хорошая/зеленая контрольная точка). Изучая приведенный ниже график кривой оценки, обратите внимание, что между 0,50 и 0,92 существует почти линейная зависимость между значением метрики и оценкой. Примерно 0,96 — это «точка падения эффективности», поскольку выше нее кривая уходит в сторону, требуя всё большего улучшения метрики для повышения и без того высокого балла.

Изображение кривой оценки для TTI
Ознакомьтесь с кривой оценки TTI.

Как сравниваются компьютеры и мобильные устройства

Как упоминалось выше, кривые оценки определяются на основе реальных данных о производительности. До Lighthouse версии 6 все кривые оценки основывались на данных о производительности мобильных устройств, однако для настольных компьютеров Lighthouse использовал именно эти данные. На практике это приводило к искусственно завышенным показателям у настольных компьютеров. Lighthouse версии 6 исправил эту ошибку, используя специальные показатели для компьютеров. Скорее всего, любые оценки производительности сайтов для настольных компьютеров при переходе с 5-й на 6-ю версию будут значительно отличаться.

Цветовая кодировка оценок

Оценки метрик и производительности окрашиваются в соответствии с этими диапазонами:

  • От 0 до 49 (красный): плохо.
  • От 50 до 89 (оранжевый): требуется улучшение.
  • От 90 до 100 (зеленый): хорошо.

Чтобы обеспечить удобство работы пользователей, сайты должны стремиться к хорошей оценке (90–100). «Отличную» оценку, равную 100, крайне сложно получить, но никто от вас этого и не ждет. Например, для того, чтобы получить оценку от 99 до 100, потребуется примерно такое же улучшение метрик, как от 90 до 94.

Что могут сделать разработчики, чтобы улучшить оценку производительности?

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

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

Updated on Improve article

This site uses cookies to deliver and enhance the quality of its services and to analyze traffic. If you agree, cookies are also used to serve advertising and to personalize the content and advertisements that you see. Learn more about our use of cookies.