Медленный первый экран крадёт заявки ещё до того, как человек увидит предложение. Проверяйте скорость на мобильном интернете и начинайте с элементов, которые влияют на первый контакт.
Приоритет 1: главный экран
Сожмите hero-изображение, отдавайте WebP или AVIF, задайте размеры картинок и не загружайте видео до первого взаимодействия. Цель — быстро показать заголовок, пользу и кнопку.
Приоритет 2: шрифты и блокирующие скрипты
Оставьте один-два начертания, включите font-display: swap, перенесите второстепенные скрипты ниже первого экрана. Проверяйте, не ждёт ли HTML внешний виджет аналитики.
Три метрики, которые стоит отслеживать
- LCP — скорость появления главного контента;
- CLS — стабильность макета во время загрузки;
- INP — отзывчивость интерфейса на действие пользователя.
Не гонитесь только за баллом
Лабораторный тест помогает найти проблему, а реальные данные показывают опыт ваших клиентов. Сравнивайте скорость и конверсию форм: улучшение имеет смысл, когда сокращает отказ и помогает человеку отправить заявку.
Быстрый тест: откройте страницу в режиме 4G, отключите кэш и пройдите путь до формы одной рукой. Любая пауза или скачок макета — кандидат на исправление.
Эти рекомендации основаны на рабочих проектах: ускорении загрузки, настройке аналитики и создании устойчивых сайтов.
