Speed Index
Метрика визуальной скорости загрузки страницы. Как измеряется, какие пороговые значения и как улучшить Speed Index для Core Web Vitals.
Кратко
Speed Index — метрика производительности, показывающая, как быстро контент страницы становится видимым при загрузке. Измеряется в секундах на основе визуального прогресса (скриншоты каждые 100 мс).
Как измеряется Speed Index
Lighthouse делает скриншоты страницы каждые 100 мс во время загрузки и вычисляет, насколько быстро заполняется видимая область. Чем меньше пикселей остаётся пустыми к каждому моменту, тем ниже (лучше) значение Speed Index.
Пороговые значения
Официальные оценки:
- Хорошо: менее 3.4 сек.
- Требует улучшения: от 3.4 до 5.8 сек.
- Плохо: более 5.8 сек.
Как улучшить Speed Index
Основные техники:
- Инлайн критичного CSS (Critical CSS) для первого экрана.
- Приоритизация загрузки видимого контента (lazy loading для невидимого).
- Оптимизация изображений — сжатие, WebP, атрибуты width/height.
- Удаление рендер-блокирующих ресурсов (defer для JS).
- Серверный рендеринг (SSR) — отправка готового HTML.
Speed Index не является прямым сигналом Core Web Vitals, но тесно связан с LCP и ощущением скорости у пользователей.
FAQ
Частые вопросы
LCP измеряет время отрисовки самого крупного элемента, Speed Index — визуальный прогресс всей страницы. Оба важны для UX.
Запустите аудит в Lighthouse (Chrome DevTools) или в PageSpeed Insights. Метрика есть в разделе Performance.
Метрика сама по себе не прямой фактор ранжирования, но медленная отрисовка ухудшает поведенческие факторы и может влиять на Core Web Vitals, которые уже учитываются Google.
Да, на лёгких страницах с инлайн-стилями и без картинок это реально. Для коммерческих страниц — сложная, но достижимая цель.
Прямые контакты
Обсудим ваш проект?
Расскажите о целях и сайте — предложу формат работы и следующий шаг.