PageSpeed Insights - бесплатный инструмент Google, который оценивает скорость страницы от 0 до 100 и выдаёт список рекомендаций. Главное, что нужно знать: смотрите мобильную оценку (она всегда ниже и именно она важна), ориентируйтесь на три метрики Core Web Vitals - LCP, CLS и INP, и не пытайтесь закрыть все рекомендации подряд: у них разный вес. Разбираем отчёт по блокам.
Два вида данных в отчёте. Сверху - «Данные реальных пользователей» (полевые, за 28 дней), ниже - «Лабораторные» (симуляция в момент проверки). Google ранжирует по полевым: если реальные пользователи в зелёной зоне, жёлтая лабораторная оценка не приговор.
Три метрики, которые решают
- LCP (Largest Contentful Paint) - за сколько прогружается самый крупный элемент первого экрана. Норма - до 2,5 с. Лечится оптимизацией главной картинки, кэшем и быстрым сервером.
- CLS (Cumulative Layout Shift) - насколько «прыгает» макет при загрузке. Норма - до 0,1. Лечится заданными размерами картинок, баннеров и шрифтов.
- INP (Interaction to Next Paint) - как быстро страница отвечает на клики. Норма - до 200 мс. Лечится сокращением и отложенной загрузкой JavaScript.
Рекомендации отчёта: что важно, что нет
| Рекомендация | Приоритет | Комментарий |
|---|---|---|
| Используйте современные форматы изображений | Высокий | WebP даёт минус 30-70% веса картинок |
| Исключите ресурсы, блокирующие отрисовку | Высокий | CSS/JS в шапке тормозят первый экран |
| Сократите время ответа сервера | Высокий | TTFB > 0,8 с - вопрос к хостингу и кэшу |
| Отложите загрузку скрытых изображений | Высокий | Lazy load - быстрый выигрыш |
| Уменьшите неиспользуемый JavaScript | Средний | Чаще всего это сторонние виджеты |
| Минимизируйте работу в основном потоке | Средний | Следствие тяжёлого JS, чинится вместе с ним |
| Проблемы со сторонним кодом (метрики, чаты) | Низкий-средний | Полностью не убрать: бизнес-инструменты нужны |
Практическое правило. Сначала всё, что про картинки и кэш (быстро и дёшево), затем сервер, затем JavaScript (дольше и дороже). Полный план работ по скорости - в статье «Как ускорить сайт».
Хотите в зелёную зону без погружения в термины?
Разберём ваш отчёт PageSpeed, назовём 3-5 работ с максимальным эффектом и сделаем их. Цифры «до/после» - в отчёте о работе.
Частые вопросы
Какой балл PageSpeed считается нормальным?
Для мобильных: 90+ - отлично, 70-89 - хорошо для контентных и магазинных сайтов, ниже 50 - проблема, которую стоит решать. Важнее балла - зелёные Core Web Vitals по полевым данным.
Почему у конкурента балл ниже, а сайт в топе?
Скорость - один из сотен факторов ранжирования. Она решает на равных: при сопоставимом контенте и ссылках быстрый сайт выигрывает. Плюс скорость напрямую влияет на конверсию - независимо от позиций.
Метрика и Google Analytics портят оценку. Убирать?
Нет: аналитика - рабочий инструмент. Правильно грузить счётчики с задержкой (после основного контента) и не держать мёртвые пиксели. «Идеальный балл без аналитики» - самообман: вы теряете данные ради цифры.
PageSpeed - это градусник: он показывает температуру, но не лечит. Лечит - системная работа со скоростью. Пришлите нам адрес сайта - бесплатно посмотрим отчёт и скажем, есть ли на нём быстрые победы.
