Лендинг грузится 5 секунд — половина трафика уже ушла

Скорость загрузки — не косметический параметр. Каждая секунда задержки — прямой удар по конверсии, особенно на мобильных девайсах, где трафик дороже. Вот что работает на практике.

Начни с Core Web Vitals: LCP (загрузка контента), FID (отклик интерфейса), CLS (сдвиг макета). Это три метрики, по которым ранжирует Google и которые юзеры чувствуют. Если LCP больше 2.5 секунд — это красный флаг. Измеряй через PageSpeed Insights или Lighthouse.

Оптимизация изображений съедает 70–80% выигрыша. WebP вместо JPG, сжатие без потери качества, ленивая загрузка картинок ниже фолда — всё это работает. Большой hero-image на лендинге? Должен быть не больше 100–150 KB. Слайдеры из 5+ картинок грузят как тяжёлые. Минимизируй или замени на статичный вариант.

Минифицируй CSS и JS, удали неиспользуемый код. Браузер не должен парсить килобайты стилей для кнопки. Если на лендинге 10 шрифтов — это перебор; хватает 1–2. Кеширование на сервере и у клиента тоже важно: установи правильные заголовки Cache-Control.

Третий party scripts (аналитика, чаты, пиксели) часто тормозят страницу. Загружай их асинхронно или дефери, не синхронно. Один тяжёлый трекер может добавить секунду к загрузке — это реальные потери конверсии.

Итог: быстрый л