Индекс скорости — это один из пяти показателей, отслеживаемых в разделе «Производительность» отчета Lighthouse. Каждая метрика отражает определенный аспект скорости загрузки страницы.
Маяк отображает индекс скорости в секундах:
Что измеряет индекс скорости
Индекс скорости измеряет, насколько быстро контент отображается визуально во время загрузки страницы. Lighthouse сначала записывает видео загрузки страницы в браузере и вычисляет визуальный переход между кадрами. Затем Lighthouse использует модуль Speedline Node.js для создания оценки индекса скорости.
Как Lighthouse определяет ваш показатель индекса скорости
Ваш показатель индекса скорости — это сравнение индекса скорости вашей страницы и индексов скорости реальных веб-сайтов на основе данных из HTTP-архива .
В этой таблице показано, как интерпретировать показатель индекса скорости мобильного устройства:
| Индекс скорости (в секундах) | Цветовое кодирование |
|---|---|
| 0–3,4 | Зеленый (быстро) |
| 3,4–5,8 | Оранжевый (умеренный) |
| Более 5,8 | Красный (медленный) |
Как улучшить свой показатель индекса скорости
Хотя все, что вы делаете для улучшения скорости загрузки страниц, улучшит ваш показатель индекса скорости, устранение любых проблем, обнаруженных в ходе этих диагностических аудитов, должно иметь особенно большое влияние:
- Минимизируйте работу основного потока
- Сократите время выполнения JavaScript
- Убедитесь, что текст остается видимым во время загрузки веб-шрифта.
Как улучшить общий показатель производительности
Если у вас нет конкретной причины сосредоточиться на определенном показателе, обычно лучше сосредоточиться на улучшении общего показателя производительности.
Используйте раздел «Диагностика» отчета Lighthouse, чтобы определить, какие улучшения будут иметь наибольшую ценность для вашей страницы. Чем более значимой является возможность, тем больший эффект она окажет на ваш показатель производительности. Например, на следующем снимке экрана Lighthouse показано, что устранение ресурсов, блокирующих рендеринг, приведет к наибольшему улучшению:
См. «Аудит производительности» , чтобы узнать, как использовать возможности, указанные в вашем отчете Lighthouse.