Core Web Vitals простыми словами: что чинить в первую очередь
Зачем вам эти три буквы
Core Web Vitals - набор метрик Google про реальный опыт: как быстро появился главный контент, как быстро страница реагирует на клики и не прыгает ли вёрстка. Яндекс тоже любит быстрые сайты, даже если названия метрик другие.
LCP - когда появляется «главная картинка/блок»
Если герой-баннер весит несколько мегабайт, LCP страдает. Цель - чтобы основной контент появлялся быстро на мобильном. Часто лечится сжатием изображений, нормальным хостингом и тем, что не грузим тяжёлое выше сгиба без нужды.
INP - реакция на действия
Человек нажал «Отправить» или открыл меню - а страница думает секунду. Виноваты тяжёлые скрипты, виджеты, неоптимизированный JS. Лечение: убрать лишнее, отложить некритичное, не вешать десять пикселей и чатов одновременно.
CLS - прыжки вёрстки
Контент съезжает, когда подгружаются шрифты, картинки без размеров, внезапные баннеры. Бесит сильнее, чем «чуть медленнее». Резервируйте место под медиа и не вставляйте сюрпризы над текстом, который уже читают.
Порядок работ
- Прогнать PageSpeed / полевые данные по ключевым URL.
- Сжать и отложить тяжёлые картинки.
- Инвентаризация скриптов.
- Потом тонкая настройка, а не наоборот.
В ВебШтрих скорость закладываем в сдачу: проще не набрать жир, чем потом вычищать его под рекламный бюджет.