Главное за 30 секунд
- Инструмент. PageSpeed Insights - бесплатный сервис Google, который оценивает производительность страницы и выдаёт конкретные рекомендации по ускорению.
- Core Web Vitals. Хорошие значения: LCP до 2,5 секунды, INP до 200 мс, CLS до 0,1. В марте 2024 года INP заменил метрику FID.
- Общий балл. 90-100 - зелёная зона, 50-89 - есть над чем работать, ниже 50 - нужна срочная оптимизация.
- Полевые данные. Google при ранжировании смотрит на статистику реальных пользователей за 28 дней из Chrome UX Report, а лабораторные данные нужны для отладки.
- Что проверять. Анализируйте несколько ключевых URL, а не только главную, и отдельно мобильную версию - на неё Google ориентируется в первую очередь.
- Как ускорить. Начните с изображений, кэширования и скриптов, затем оцените хостинг и CDN.
Источники: Core Web Vitals, Google.
Что такое PageSpeed Insights и как им пользоваться
PageSpeed Insights - это бесплатный сервис Google, который оценивает производительность страницы и выдаёт список конкретных рекомендаций по её улучшению. Инструмент показывает не абстрактную оценку, а измеримые метрики скорости и подсвечивает проблемы: тяжёлые картинки, лишние скрипты, отсутствие кэша.
Пользоваться сервисом просто:
Что означают метрики: Core Web Vitals и баллы
В основе отчёта лежат Core Web Vitals - набор метрик Google, которые описывают реальный опыт пользователя. Их три.
Помимо этих метрик сервис выставляет общий балл производительности от 0 до 100. Значения от 90 до 100 (зелёная зона) - отлично, от 50 до 89 (жёлтая) - есть над чем работать, ниже 50 (красная) - сайт нуждается в срочной оптимизации. Балл рассчитывается по нескольким лабораторным метрикам и служит быстрым ориентиром, но опираться только на цифру не стоит - важнее разобраться в причинах.
Нормы Core Web Vitals
| Метрика | Хорошо | Плохо |
|---|---|---|
| LCP - отрисовка крупного элемента | до 2,5 с | свыше 4 с |
| INP - отзывчивость на действия | до 200 мс | дольше 500 мс |
| CLS - стабильность вёрстки | до 0,1 | выше 0,25 |
| Общий балл производительности | 90-100 | ниже 50 |
Чем различаются лабораторные и полевые данные
В отчёте есть два блока данных, и их легко перепутать.
Разница принципиальна. Полевые данные отражают, как сайт ведёт себя у настоящих людей на разных устройствах и соединениях. Лабораторные - это моментальный снимок в «стерильных» условиях. Иногда лабораторный тест показывает отличный результат, а полевой - проблемы, потому что у части аудитории слабые смартфоны или медленный интернет. Для оценки реального положения дел ориентируйтесь на полевые данные, а лабораторные используйте, чтобы находить и чинить конкретные узкие места.
Как читать рекомендации
Под метриками PageSpeed Insights выводит два раздела: «Диагностика» и «Возможности» (в новых версиях они объединены в общий список). Здесь и кроется практическая польза инструмента.
- Обращайте внимание на потенциальную экономию. Напротив каждой рекомендации указано, сколько секунд или килобайт можно сэкономить. Начинайте с пунктов, где выигрыш максимальный.
- Не гонитесь за цифрой 100. Довести балл до идеала часто дорого и не всегда нужно. Разумная цель - зелёная зона по Core Web Vitals в полевых данных.
- Отделяйте важное от косметики. Крупные изображения без сжатия или блокирующие скрипты влияют на скорость сильнее, чем мелкие замечания вроде отсутствия атрибута у пары тегов.
- Согласуйте работу с разработчиком. Часть рекомендаций касается кода и сервера - их удобно передавать техническому специалисту единым списком с приоритетами.
Практические способы ускорить сайт
Скорость загрузки сайта складывается из десятков факторов, но большинство проблем решается несколькими проверенными приёмами.
Вывод
Частые вопросы
Как проверить скорость сайта в PageSpeed Insights?
Откройте pagespeed.web.dev, вставьте адрес страницы и запустите проверку. Отчёт обычно готов за 10-30 секунд. Изучите результаты отдельно для мобильных устройств и десктопа и проверьте несколько ключевых страниц, а не только главную.
Какие значения Core Web Vitals считаются хорошими?
По данным Google, хороший LCP - до 2,5 секунды, INP - до 200 миллисекунд, CLS - до 0,1. LCP свыше 4 секунд, INP дольше 500 мс и CLS выше 0,25 считаются плохими показателями.
Чем полевые данные PageSpeed Insights отличаются от лабораторных?
Полевые данные - это статистика реальных пользователей за последние 28 дней из Chrome UX Report, именно на неё Google смотрит при ранжировании. Лабораторные данные - результат единичного теста на симуляции устройства и сети. Они удобны для поиска и устранения конкретных проблем.
Нужно ли добиваться 100 баллов в PageSpeed Insights?
Нет, довести балл до идеала часто дорого и не всегда нужно. Разумная цель - зелёная зона по Core Web Vitals в полевых данных. Начинать стоит с рекомендаций, где потенциальная экономия секунд или килобайт максимальна.
Как увеличить скорость загрузки сайта?
Сожмите изображения и переведите их в WebP или AVIF, подключите lazy loading, настройте браузерное и серверное кэширование. Минифицируйте CSS и JavaScript, откладывайте некритичные скрипты через async и defer, сократите сторонние виджеты. Если сервер отвечает медленно, смените хостинг и подключите CDN.
Продвигаем сайты с 2014 года, более 300 выполненных проектов. О компании · Кейсы
