Skip to content
Обучение Измерение Блог Case studies О сайте
Join and donate to 🇺🇦 DevFest for Ukraine, a charitable tech conference happening June 14–15 supported by Google Developers and Google Cloud.
Содержание
  • Что измеряет индекс скорости
  • Как Lighthouse оценивает ваш индекс скорости
  • Как улучшить свой индекс скорости
  • How to improve your overall Performance score
  • Ресурсы

Индекс скорости

May 2, 2019 — Обновлено Jun 4, 2021
Available in: Português, English
Appears in: Аудиты производительности
Содержание
  • Что измеряет индекс скорости
  • Как Lighthouse оценивает ваш индекс скорости
  • Как улучшить свой индекс скорости
  • How to improve your overall Performance score
  • Ресурсы

Индекс скорости — один из шести показателей, отслеживаемых в разделе «Производительность» отчета Lighthouse. Каждый показатель отражает определенный аспект скорости загрузки страницы.

Lighthouse отображает индекс скорости в секундах:

Снимок экрана аудита индекса скорости Lighthouse

Что измеряет индекс скорости #

Индекс скорости измеряет, насколько быстро контент отображается визуально во время загрузки страницы. Сначала Lighthouse снимает видео загрузки страницы в браузере и вычисляет визуальный переход между кадрами, затем использует модуль Speedline Node.js для расчета индекса скорости.

Speedline основан на тех же принципах, что и исходный индекс скорости, представленный WebpageTest.org.

Как Lighthouse оценивает ваш индекс скорости #

Оценка вашего индекса скорости — это сравнение индекса скорости вашей страницы и индексов скорости реальных веб-сайтов на основе данных из HTTP-архива.

В этой таблице показано, как интерпретировать оценку индекса скорости:

Индекс скорости
(в секундах)
Цветовой код
0–3.4Зеленый (быстро)
3.4–5.8Оранжевый (средне)
Более 5,8Красный (медленно)
See the Lighthouse performance scoring post to learn how your page's overall performance score is calculated.

Как улучшить свой индекс скорости #

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

  • Минимизация работы основного потока
  • Уменьшение времени выполнения JavaScript
  • Убедитесь, что текст остается видимым во время загрузки веб-шрифта

How to improve your overall Performance score #

Unless you have a specific reason for focusing on a particular metric, it's usually better to focus on improving your overall Performance score.

Use the Opportunities section of your Lighthouse report to determine which improvements will have the most value for your page. The more significant the opportunity, the greater the effect it will have on your Performance score. For example, the Lighthouse screenshot below shows that eliminating render-blocking resources will yield the biggest improvement:

Lighthouse: Opportunities section

See the Performance audits landing page to learn how to address the opportunities identified in your Lighthouse report.

Ресурсы #

  • Исходный код для аудита индекса скорости
  • Руководство по оценкам Lighthouse v3
  • Speedline
  • Индекс скорости WebPagetest
Последнее обновление: Jun 4, 2021 — Улучшить статью
Return to all articles
Поделиться
подписаться

Contribute

  • Сообщить об ошибке
  • Просмотреть исходный код

Дополнительная информация

  • developer.chrome.com
  • Новости Chrome
  • Web Fundamentals
  • Разборы конкретных случаев
  • Подкасты
  • Шоу

Соцсети

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Все продукты
  • Условия и конфиденциальность
  • Правила сообщества

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.