Оптимизация поиска и скорости загрузки интернет-магазина
Оптимизация
Исправление умного поиска, оптимизация изображений (GIF → webm/webp), ускорение загрузки, доработка личного кабинета. InSales, lazy-load, правила доставки.
Задача
Исправить работу умного поиска, снизить влияние тяжелых GIF в шапке, оптимизировать скорость загрузки, реализовать дополнительные улучшения UX и бизнес-логики.
Что нашли
- Умный поиск — не срабатывал для незалогиненных пользователей, баг с символом "ё"
- Тяжелые изображения — шапка тянула GIF весом 5+ МБ, замедляла загрузку
- Ошибки в консоли — дубли запросов, некорректная обработка
- Личный кабинет — 505/555 ошибки при большом числе заказов
Что сделали
Поиск
- Исправили баг для незалогиненных пользователей
- Оптимизировали AJAX-поиск (debounce, устранение двойных запросов)
- Добавили индикатор загрузки
- Исключение заданных слов из запроса (например, слово "игра")
- Добавили категории и материалы в результаты поиска (отдельный блок)
Оптимизация изображений
- Переход с GIF на webm/webp (GIF 5.25 МБ → WEBM 459 КБ)
- Lazy-load для отложенной загрузки
- Рекомендации по конвертации медиа
Бизнес-логика
- Показ копеек только в личном кабинете
- Правило бесплатной доставки при наличии товара с определенным параметром
- Исправление 505/555 ошибок в ЛК (локальные подциклы вместо единой переменной)
Результат оптимизации
Главная страница: GIF 5.25 МБ заменен на WEBM 459 КБ. Вес снизился в 11 раз. Загрузка стала мгновенной на мобильных.
Результат
- Поиск стабильно работает для всех пользователей
- Вес главной страницы снизился в 11 раз
- Ошибки в консоли исправлены
- Категории и материалы в результатах поиска
- Правила бесплатной доставки
- Личный кабинет работает без ошибок для пользователей с тысячами заказов
Похожие кейсы
- SEO категории и перелинковка каталога
- Оптимизация скорости загрузки InSales
- Улучшение поиска с мультискладом
Технологии
InSales
JavaScript
AJAX
Webm/Webp
Lazy-load
Оптимизация
E-commerce