Как мы ускорили загрузку магазина в 3 раза
Реальный разбор: что тормозило интернет-магазин и какие шаги дали ускорение с ~6 до ~2 секунд.
Медленный сайт — это не про «неудобно», это про деньги. Каждая лишняя секунда загрузки увеличивает отказы и снижает конверсию, особенно на мобильных. Расскажем на примере интернет-магазина, как диагностика и точечная оптимизация ускорили загрузку примерно втрое.
Проблема
Главная страница грузилась около 6 секунд, на телефоне — ещё дольше. Показатели Core Web Vitals были в красной зоне, посетители уходили, не дождавшись каталога. Владелец списывал это на «много товаров», но дело было не в этом.
Что показала диагностика
- Тяжёлые несжатые изображения по несколько мегабайт каждое.
- Десяток плагинов, половина из которых грузилась на каждой странице.
- Отсутствие кэширования — сервер собирал страницу заново при каждом заходе.
- Render-blocking CSS и JS, тормозящие первую отрисовку.
- Подключение лишних шрифтов и сторонних скриптов.
Что сделали
- Сжали и перевели изображения в WebP, добавили ленивую загрузку.
- Убрали лишние плагины, оставили только нужное.
- Настроили кэширование и CDN для статики.
- Вынесли критический CSS, отложили несрочные скрипты.
- Оптимизировали шрифты и убрали лишние сторонние подключения.
Результат
Загрузка сократилась с ~6 до ~2 секунд, Core Web Vitals ушли в зелёную зону. Отказов стало заметно меньше, а вместе с ними выросла глубина просмотра и конверсия в корзину — без единого рубля в рекламу, просто за счёт скорости.
Скорость — это бесплатная конверсия. Сначала чините сайт, потом доливаете трафик.
Хотите узнать, что тормозит ваш сайт? Проведём диагностику и покажем, где теряются клиенты.