Скорость загрузки сайта: как ускорить и как это влияет на продажи

Скорость сайта — редкий случай, когда техническая метрика напрямую переводится в деньги. На проекте интернет-магазина автозапчастей мы сократили время до отрисовки основного контента с 4,8 до 1,9 секунды. Конверсия в добавление в корзину выросла с 3,1% до 4,4% — при том же трафике это дало около 380 тысяч рублей дополнительной выручки в месяц.

Что именно мерить

Забудьте про «общий балл» в зелёной шкале — он агрегирует слишком многое. Смотрите на три числа: LCP (когда отрисовался главный элемент экрана), INP (задержка отклика на клик) и CLS (насколько скачет вёрстка). Пороговые значения и методику измерения подробно описывает web.dev. Разбор каждой метрики и способов её починки есть в отдельном материале про Core Web Vitals.

Лабораторные данные врут, полевые — нет

Тест в PageSpeed запускается на эмуляции среднего Android с медленным каналом, а ваш маркетолог смотрит сайт с MacBook по офисному Wi-Fi. Ориентируйтесь на поле: в Яндекс.Метрике есть отчёт по времени загрузки с разбивкой по устройствам, в Search Console — отчёт Core Web Vitals по реальным пользователям. Если 75-й перцентиль LCP на мобильных выше 2,5 секунды, работа нужна.

Семь причин медленного сайта по частоте

• Неоптимизированные изображения: JPEG на 2,4 МБ в слайдере на первом экране
• Блокирующий JavaScript сторонних сервисов — чаты, виджеты, три системы аналитики сразу
• Отсутствие кэширования на сервере: каждая страница собирается заново при каждом заходе
• Шрифты, которые грузятся до текста и дают белый экран на 1,5 секунды
• Тяжёлая CMS-тема с двадцатью плагинами, из которых используются три
• Запросы к базе без индексов — на каталоге в 5 000 товаров это плюс 600–900 мс
• Хостинг за 200 рублей в месяц, где вы делите процессор с четырьмя сотнями соседей

Что даёт эффект быстрее всего

По нашему опыту, 70% выигрыша приносят три вещи: конвертация картинок в WebP или AVIF с явными width/height, ленивая загрузка всего ниже первого экрана и перенос сторонних скриптов в отложенную загрузку. Это неделя работы фронтендера и обычно −40–55% ко времени загрузки. Технические детали атрибутов loading и decoding хорошо описаны в документации MDN.

Когда ускорять бесполезно

Если сайт построен на конструкторе с закрытым кодом или на теме, где вёрстка собирается из вложенных таблиц, оптимизация упирается в потолок примерно на середине пути. Мы честно говорим клиентам: доведём LCP до 3,2 секунды, дальше — только переписывать фронтенд. Иногда дешевле собрать новый сайт на современном стеке, чем полгода латать старый — как это выглядит по срокам и бюджету, показано в разделе веб-разработки.

Скорость и деньги: как посчитать эффект заранее

Возьмите текущую конверсию, месячный трафик и средний чек. Консервативная оценка по накопленным исследованиям: каждые −100 мс к LCP дают +0,5–1% относительного роста конверсии в диапазоне от 1 до 4 секунд. При 20 000 визитов, конверсии 2% и чеке 6 000 рублей ускорение на секунду — это примерно +60–100 тысяч рублей в месяц. Цифры стоит проверять на своём проекте A/B-тестом, но порядок величины обычно сходится.

Порядок действий

• Снять базовые метрики из поля, а не из лаборатории, и зафиксировать дату
• Найти три самых тяжёлых ресурса на главной и на карточке товара
• Починить изображения и шрифты — самая дешёвая часть работы
• Отложить сторонние скрипты, оставить только те, что реально используются
• Включить серверное кэширование и HTTP-кэш для статики
• Через две недели повторить замер и сравнить конверсию за сопоставимые периоды

Если сайт уже в проде и трогать его страшно, начните с наблюдения: неделя сбора метрик стоит ноль рублей и убирает половину гипотез. А дальше можно обсудить объём работ — мы берём такие задачи и в рамках технической поддержки.