Проект - Пълна WooCommerce оптимизация и пренаписване на модули за fashion търговец
Обновяване на WooCommerce fashion магазин чрез пренаписване на тежки модули, оптимизиране на продуктовия каталог и намаляване на времето за зареждане наполовина без загуба на дизайн.
Клиент
Година
2023 г.
Услуга
WooCommerce оптимизация, Разработка на модули, Производителност
Преглед
Negative Online е български fashion търговец, чийто WooCommerce магазин се беше забавил с разрастването на продуктовия каталог. Тежки page builder-и и неоптимизирани модули пречеха на производителността.
Пренаписахме критичните модули от нулата, за да бъдат леки и ефективни, оптимизирахме целия работен процес с продуктовия каталог и внедрихме целево кеширане — намалявайки времето за зареждане с повече от 50%.
Преглед
Negative Online е fashion e-commerce марка с лоялна клиентска база и разрастващ се продуктов каталог. С разширяването на магазина над 2 000 продукта със сезонни колекции, производителността на сайта се влоши забележимо. Категорийните страници отнемаха 5+ секунди за зареждане, мобилното изживяване беше разочароващо и conversion rate-овете спадаха.
Основната причина не беше хостингът или обема на трафика — беше архитектурна. Сайтът разчиташе силно на page builder, зареждащ цялата си рамка на всяка страница независимо дали е използван. Селекторите за продуктови вариации генерираха десетки ненужни заявки към базата данни. Cart и checkout процесът зареждаше скриптове за функции, дори и неактивни.
Вместо да прилагаме кръпки, пренаписахме критичните клиентски модули от нулата. Новият компонент за продуктова мрежа се зарежда за много по-кратко, защото заявява само необходимото и рендира с минимален JavaScript. Селекторът за вариации беше пренаписан да използва единична оптимизирана заявка вместо стандартния WooCommerce подход за предварително зареждане на всички вариации. Заменихме page builder-а на ключови landing pages с леки шаблони, изградени с конкретна цел.
Конвейерът за изображения получи специално внимание: внедрихме конвертиране в WebP, адаптивни srcset-ове и lazy loading, зачитащ viewport-а — изображенията над прегъвката се зареждат незабавно, докато всичко останало чака. Комбинирано с Redis обектно кеширане и настроена CDN конфигурация, магазинът сега се зарежда под 2 секунди дори на средни мобилни устройства.
Какво направихме
- Пренаписване на модули
- WooCommerce оптимизация
- Конвейер за изображения
- Оптимизация на заявки
- Frontend производителност
- CDN конфигурация
- По-бързо зареждане
- 55%
- Зареждане на мобилно
- <2с
- Оптимизирани продукта
- 2 000+
- По-малко DB заявки
- 3x