Скорость сайта и Core Web Vitals: что проверить владельцу

Медленный сайт раздражает посетителей и может хуже показываться в поиске. Google измеряет удобство загрузки тремя показателями — Core Web Vitals. Их не обязательно глубоко понимать технически, но владельцу сайта полезно знать, что они значат и где их смотреть.

Три показателя простыми словами

Значения между «хорошо» и «плохо» считаются зоной, требующей улучшения. Оценка идёт по 75-му процентилю: хорошим считается показатель, если он хороший как минимум у трёх четвертей посещений.

LCP — загрузка главного

Largest Contentful Paint — время до появления самого крупного элемента на первом экране: обычно главного изображения или заголовка. Чаще всего LCP портят тяжёлые фотографии, медленный сервер и шрифты, которые блокируют отрисовку.

INP — отклик на действия

Interaction to Next Paint — задержка между нажатием и видимой реакцией: открытием меню, переключением вкладки, отправкой формы. INP заменил прежний показатель FID в 2024 году. Его портят тяжёлые скрипты: виджеты, чаты, трекеры, сложные анимации.

CLS — стабильность вёрстки

Cumulative Layout Shift — насколько элементы сдвигаются во время загрузки. Классический пример: вы собираетесь нажать кнопку, а над ней загружается баннер, и вы попадаете не туда. Причины — изображения без заданных размеров, поздно загружающиеся шрифты и вставляемые блоки.

Лабораторные и полевые данные

• Полевые данные — измерения у реальных посетителей на Chrome. Именно их Google использует в оценке. Их видно в Search Console и в верхней части отчёта PageSpeed Insights, если посещений достаточно.
• Лабораторные данные — разовый тест в контролируемых условиях. Полезен для поиска причин, но не равен опыту реальных пользователей.

Оценка «100 из 100» в лабораторном тесте не обязательна. Важнее, чтобы реальные посетители видели быстрый сайт.

Где смотреть

1. 1[PageSpeed Insights](https://pagespeed.web.dev/) — вставьте адрес страницы, смотрите отдельно мобильную и компьютерную вкладки.
2. 2Search Console → «Основные интернет-показатели» — группы страниц с проблемами по данным реальных пользователей. Как пользоваться отчётами — в статье о Search Console.
3. 3Инструменты разработчика в Chrome — вкладка Lighthouse для разработчика.

Что чаще всего замедляет сайт

• фотографии в исходном размере с камеры вместо подготовленных для веба;
• отсутствие современных форматов изображений: WebP или AVIF;
• много сторонних скриптов: чаты, виджеты, пиксели, карты;
• слайдеры и видео на первом экране;
• много шрифтов и начертаний;
• медленный или перегруженный хостинг;
• изображения без размеров, из-за которых прыгает вёрстка.

Что исправлять в первую очередь

1. 1Изображения. Сжать, перевести в WebP или AVIF, подготовить размеры для телефона и компьютера, указать width и height.
2. 2Сторонние скрипты. Убрать неиспользуемые, остальные загружать после основного содержимого.
3. 3Первый экран. Главное изображение загружать с высоким приоритетом, а не лениво.
4. 4Шрифты. Оставить одно-два семейства и нужные начертания.
5. 5Хостинг и кэширование. Если сервер отвечает медленно, оптимизация страниц помогает мало.

Скорость и позиции

Core Web Vitals входят в сигналы удобства страницы, но содержание и соответствие запросу важнее. Быстрый сайт с бесполезным текстом не обгонит полезный сайт средней скорости. Зато при сопоставимом содержании скорость может стать разницей — и почти всегда влияет на то, дождётся ли посетитель загрузки.

Скорость на телефоне

Мобильные показатели почти всегда хуже: слабее процессор, нестабильнее сеть. Проверяйте прежде всего мобильную вкладку — подробнее в статье о мобильной версии.

Скорость закладывается при проектировании: лёгкие изображения, минимум сторонних скриптов, продуманный первый экран. Это часть веб-дизайна и проверки перед запуском. Для действующего сайта причины замедления ищет технический аудит.