Почему лендинг грузится 3 секунды вместо одной — и что это стоит вам

Каждая лишняя секунда загрузки — это потерянные конверсии. Даже скачок с 1 до 3 секунд может упасть CTR на 30-40%. Медленный лендинг наказывает вас дважды: теряются клики и падает рейтинг в выдаче поисковиков. Но проблема не в магии оптимизации — это система.

Первое: размер. Лендинг на 5 МБ будет медленным на любом хостинге. Сожми изображения (Tinypng, ImageOptim), удали неиспользованный CSS и JS, минимизируй код. Часто вес сваливается именно на картинки — уменьшение качества на 20% незаметно для глаза, зато скорость вырастет на 40%.

Второе: сервер и кеш. Хороший хостинг с поддержкой HTTP/2, GZIP и браузерного кеша дает +1-2 секунды просто так. Если используешь CMS или самописное — включи кеширование. Статические файлы должны жить на CDN, не на основном сервере.

Третье: критический путь загрузки. Браузер ждет CSS и JS перед рендером. Переноси скрипты в конец HTML, используй async/defer для некритичных файлов, отложи загрузку фонтов и аналитики. Первый экран должен быть видим за 0.5-1 секунду.

Четвёртое: видимая часть страницы. Оптимизируй то, что видит посетитель выше скрола, остальное может загружаться потом. Lazy loading для картинок работает: пользователь видит контент, пока нижние изображения ещё грузятся.

Проверь скорость через PageSpeed Insights или GTmetrix — там же увидишь конкретные утечки. Каждые 0.5 секунды улучшения — это реальный прирост конверсий.