Как улучшить Core Web Vitals на SaaS-лендинге без полного переписывания?

LCP около 4 секунд, иногда прыгает layout, а после загрузки виджетов кнопки реагируют с задержкой. С чего начать маленькой команде?

2 ответов

Михаил Ветров

Сначала найдите LCP-элемент на реальном мобильном профиле. Обычно помогает правильный размер hero-изображения, preload только критичного ресурса, локальный шрифт и удаление блокирующего CSS. Для CLS задайте width/height изображениям и резервируйте место под виджеты.

Лера Март

Для INP отложите аналитику и чаты, разбейте длинные JavaScript-задачи и не гидратируйте то, что не интерактивно. Сравнивайте лабораторные тесты с полевыми данными: именно реальные визиты показывают итоговый статус CWV.