SEO-гайд · core web vitals как ускорить сайт
Core Web Vitals: как ускорить сайт без хаоса
Скорость сайта влияет на индексацию, конверсию и качество пользовательского опыта. Но оптимизация не должна превращаться в бессистемное удаление всего подряд: сначала нужно понять, какой показатель проседает и почему.
LCP: главный контент должен появляться быстро
LCP показывает, когда пользователь видит самый важный элемент первого экрана: заголовок, баннер, карточку товара или крупное изображение. Частые причины плохого LCP: медленный сервер, тяжёлое изображение, блокирующий CSS и слишком поздняя загрузка hero-ресурса.
Начните с первого экрана: сожмите главное изображение, задайте размеры, используйте preload только для действительно важного ресурса, сократите критический CSS и проверьте время ответа сервера.
INP: страница должна быстро реагировать
INP связан с интерактивностью. Если интерфейс тормозит после клика, часто виноваты тяжёлые скрипты, сторонние виджеты, большие JS-бандлы и длинные задачи в браузере.
Отложите необязательные скрипты, разделите JS на части, уберите лишние библиотеки, проверьте обработчики событий и не загружайте виджеты до момента, когда они реально нужны пользователю.
CLS: ничего не должно прыгать
CLS портят изображения без размеров, рекламные блоки, iframe, поздно подгруженные шрифты и динамические элементы над уже видимым контентом. Пользователь теряет доверие, когда пытается нажать кнопку, а интерфейс внезапно сдвигается.
Задавайте width и height для медиа, резервируйте место под баннеры, используйте font-display: swap и не вставляйте новые блоки выше текущей позиции пользователя без явной причины.
Практика в сервисе
Закрепите статью инструментом
Откройте связанный инструмент SEO Cortex, внесите URL, тему или текст страницы и получите готовый результат для внедрения.