Оптимизация

Исправление умного поиска, оптимизация изображений (GIF → webm/webp), ускорение загрузки, доработка личного кабинета. InSales, lazy-load, правила доставки.

Краткая информация

  • Проект CrowdGames
  • Платформа InSales
  • Задачи Поиск + скорость
  • Результат GIF 5.25MB → WEBM 459KB

Задача

Исправить работу умного поиска, снизить влияние тяжелых 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 раз
  • Ошибки в консоли исправлены
  • Категории и материалы в результатах поиска
  • Правила бесплатной доставки
  • Личный кабинет работает без ошибок для пользователей с тысячами заказов

Похожие кейсы

Технологии

InSales JavaScript AJAX Webm/Webp Lazy-load Оптимизация E-commerce