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

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

Вес страницы
Среднестатистический лендинг весит 2-4 МБ. Половину этого — неоптимизированные картинки. Сжимай изображения через TinyPNG или аналоги перед загрузкой на сервер. JPEG для фото, PNG для логотипов, WebP если поддерживается браузерами целевой аудитории. Иногда один скрипт аналитики или виджета чата весит больше, чем нужно — проверь, что каждый подключенный скрипт работает.

Кеширование и CDN
Контент должен раздаваться с серверов, близких к пользователю. Если весь трафик идёт с одного сервера в Европе, а аудитория в Азии — вот тебе задержка в 2-3 секунды только на транспорт. CDN типа Cloudflare решает это за счёт распределённых точек. Включи кеширование статики (картинок, CSS, JS) в браузере — пусть второй визит грузится мгновенно.

Минификация и критический путь
CSS и JS должны быть минифицированы (удалены пробелы и комментарии). Сначала грузи только критические стили для видимой части экрана, остальное — асинхронно. Спецификация Lighthouse (встроена в Chrome DevTools) покажет, что конкретно тормозит.

Открой DevTools → Lighthouse, прогони аудит, получи рекомендации. Обычно выходит на ускорение в 30-50% за счёт очевидных косяков. Платёжные системы и сложная логика форм — отдельная история, но основу оптимизируй всегда.