Оптимизация Core Web Vitals: что реально ускоряет сайт

Что такое Core Web Vitals

Core Web Vitals — набор из трёх метрик, которыми Google измеряет реальное восприятие скорости и удобства сайта пользователем: скорость загрузки основного контента (LCP), задержку реакции на первое взаимодействие (INP, ранее FID) и визуальную стабильность страницы при загрузке (CLS). Эти метрики учитываются как один из факторов ранжирования в поиске.

LCP: скорость загрузки основного контента

Чаще всего LCP страдает от медленного ответа сервера, тяжёлых неоптимизированных изображений и блокирующих рендер скриптов и стилей. Практические шаги: включить кэширование на уровне сервера (Redis, opcache для PHP), сжимать и правильно форматировать изображения, переносить некритичные скрипты в конец загрузки или подключать их асинхронно.

INP: отклик на действия пользователя

Эта метрика ухудшается, когда браузер занят выполнением тяжёлого JavaScript и не успевает быстро отреагировать на клик или ввод текста. Решение — разбивать длинные скрипты на более мелкие задачи, убирать неиспользуемый JavaScript и избегать сторонних виджетов, которые незаметно нагружают главный поток браузера.

CLS: почему страница «прыгает» при загрузке

CLS растёт, когда элементы страницы (обычно изображения, рекламные блоки или веб-шрифты) меняют размер уже после того, как пользователь начал читать или взаимодействовать со страницей. Решение простое и почти всегда одно и то же — явно указывать width и height у изображений и резервировать место под блоки, которые подгружаются позже.

С чего начать на практике

Инструмент PageSpeed Insights от Google бесплатно показывает все три метрики для конкретной страницы и конкретные рекомендации именно для неё — это лучшая отправная точка перед любыми изменениями, а не гадание, что именно оптимизировать в первую очередь.

Роль сервера и хостинга в этих метриках

Все оптимизации фронтенда упираются в потолок, если сервер медленно отвечает на первый запрос (TTFB — Time to First Byte): NVMe-диски вместо HDD, достаточный объём RAM для кэша базы данных и физическая близость дата-центра к аудитории напрямую снижают TTFB и, соответственно, LCP.

На общем хостинге TTFB частично зависит от загруженности соседей по серверу — на VPS с выделенными ресурсами и правильно настроенным opcache и кэшем страниц эта переменная исчезает, и LCP становится стабильно предсказуемым даже под нагрузкой.