Как пользоваться: Тест скорости страницы
- Введите URL и выберите Mobile (режим по умолчанию, который Google использует для индексации) или Desktop.
- Нажмите Test speed. Lighthouse загрузит страницу в браузере с ограничением сети — обычно это занимает 20–60 секунд.
- Проверьте Core Web Vitals: зелёный — хорошо, жёлтый — нужно улучшить, красный — плохо. Полевые данные реальных пользователей, если они доступны, именно их Google использует для ранжирования.
- Разберите возможности оптимизации по убыванию расчётной экономии, а затем проверьте снова.
Что такое тест скорости страницы?
Тест скорости страницы загружает URL в контролируемом браузере и измеряет, how быстро появляется контент, как скоро страница реагирует на действия пользователя и насколько стабильна вёрстка. Этот инструмент запускает Google Lighthouse через API PageSpeed Insights — тот же движок, что и в Chrome DevTools — а если у Google достаточно данных о трафике для этого URL, добавляет полевые данные из Chrome User Experience Report (CrUX).
Core Web Vitals и их пороговые значения
Core Web Vitals — это метрики пользовательского опыта Google и часть сигналов качества страницы. Каждая оценивается по 75-му перцентилю загрузок страницы:
| Метрика | Что измеряет | Хорошо | Плохо |
|---|---|---|---|
| LCP — Largest Contentful Paint | Когда отрисован основной контент (главное изображение или заголовок) | ≤ 2,5 с | > 4,0 с |
| INP — Interaction to Next Paint | Отзывчивость на клики, касания и нажатия клавиш | ≤ 200 мс | > 500 мс |
| CLS — Cumulative Layout Shift | Неожиданное смещение контента во время загрузки | ≤ 0,1 | > 0,25 |
INP заменил First Input Delay в марте 2024 года. Поскольку INP требует реальных действий пользователей, лабораторный тест не может его измерить; вместо этого Lighthouse выводит Total Blocking Time (TBT), который с ним коррелирует (хорошо ≤ 200 мс). Lighthouse также показывает First Contentful Paint (хорошо ≤ 1,8 с) и Speed Index.
Лабораторные и полевые данные
Лабораторные данные получены из одной смоделированной загрузки: на мобильных Lighthouse эмулирует телефон среднего класса с ограниченным соединением 4G, поэтому оценки от запуска к запуску различаются и обычно ниже, чем на вашем быстром устройстве. Это идеально для отладки. Полевые данные агрегируют реальных пользователей Chrome за последние 28 дней. Именно их Google использует в оценке качества страницы, но они есть только у страниц с достаточным трафиком.
Как рассчитывается оценка производительности
Оценка производительности от 0 до 100 — это средневзвешенное значение лабораторных метрик. В актуальных версиях Lighthouse Total Blocking Time имеет вес 30 %, LCP и CLS — по 25 %, а FCP и Speed Index — по 10 %. От 90 до 100 — хорошо, от 50 до 89 — нужно улучшить, ниже 50 — плохо.
Исправления, которые помогают чаще всего
- LCP: сожмите и правильно задайте размер главного изображения (попробуйте Image Compressor), отдавайте WebP/AVIF, не включайте для него ленивую загрузку и сократите время ответа сервера.
- TBT / INP: удалите неиспользуемый JavaScript и тяжёлые сторонние теги, отложите некритичные скрипты и разбивайте длинные задачи.
- CLS: задавайте ширину и высоту изображениям и встраиваемым элементам, резервируйте место для рекламы и баннеров cookie, а также используйте
font-displayс подобранными резервными шрифтами.
Для проверки производительности на уровне HTML, например сжатия, заголовков кэширования и скриптов, блокирующих отрисовку, запустите SEO Checker.
Также ищут как: pagespeed insights, core web vitals, lighthouse, lcp, cls.
Инструменты, которые хорошо сочетаются с Тест скорости страницы
- Проверка alt-тегов — Проверьте все изображения страницы в одной таблице: статус alt-текста, размер файла, атрибуты width и height, формат и ленивую загрузку.
- Проверка заголовков безопасности — Оцените HTTP-заголовки безопасности сайта от A+ до F, узнайте, каких не хватает и почему они важны, и скопируйте готовые фрагменты конфигурации для Nginx, Apache, Netlify, Vercel или Cloudflare.
- Проверка доступности сайта — За несколько секунд узнайте, недоступен ли сайт для всех или только для вас.
- Расшифровка robots.txt — Правила в robots.txt короткие, но их легко понять неправильно.