Jak przyspieszyć sklep WooCommerce na motywie Divi?
Sklep WooCommerce na Divi może być wymagający — duża liczba produktów, wiele zapytań do bazy, koszyk i checkout. Jak to wszystko zoptymalizować, żeby strona ładowała się błyskawicznie? Oto pełny przewodnik.
1. Cache z odpowiednią konfiguracją
WP Rocket / Litespeed Cache muszą mieć wykluczone z cache: koszyk, checkout, moje konto, sklepowy URL z parametrami. Inaczej klient zobaczy stare dane swojego koszyka.
2. Object cache (Redis/Memcached)
Object cache przyspiesza zapytania do bazy danych. Większość dobrych hostingów WooCommerce-friendly ma Redis. Włącz w panelu hostingu lub przez wtyczkę Object Cache Pro.
3. Optymalizacja obrazów produktów
Każdy produkt ma 5-10 zdjęć. Razem to setki MB. Konwertuj wszystkie do WebP (Imagify, ShortPixel). Lazy load obowiązkowy. Dla bardzo dużych sklepów — CDN dla obrazów.
4. Hosting dedykowany pod WC
Sklep z 1000+ produktami i 100+ zamówień miesięcznie wymaga lepszego hostingu niż blog. VPS lub managed WooCommerce hosting (Kinsta, Cloudways, SiteGround).
5. Wyłącz nieużywane wtyczki WC
WooCommerce ma wiele dodatków. Każdy zwalnia stronę. Wyłącz: WC Cart Fragments (jeśli używasz pełnego cache), nieużywane gateway’e, niepotrzebne raporty.
6. AJAX add-to-cart
Bez AJAX dodanie do koszyka przeładowuje stronę. Z AJAX — jest natychmiastowe. Włącz w WC → Settings → Products.
7. Liczba produktów na stronie kategorii
Standardowo 12-16. Wyświetlanie 50+ produktów spowalnia stronę. Lepiej: 16 + paginacja AJAX (load more).
8. Optymalizacja checkout
Każda dodatkowa kolumna w checkout to ryzyko porzucenia koszyka. Wyłącz niepotrzebne pola (np. Druga linia adresu, Telefon jeśli nie wymagany). Plugin: Cart Flows lub WooCommerce One Page Checkout.
9. Czyszczenie bazy danych
WooCommerce zostawia w bazie: stare zamówienia, transients, sessions. Wtyczka WP Optimize lub WC Cleanup czyści to cyklicznie.
Dedykowana wtyczka optymalizacyjna dla Divi. Critical CSS, defer JS, lazy load — automatycznie.
Pobierz Divi -10% →
Powiązane
Dlaczego WooCommerce na Divi bywa wolny?
WooCommerce dokłada zapytania do bazy, koszyk i sesje, których nie da się w pełni cache’ować. W połączeniu z shortcode’ami Divi i wieloma wtyczkami strona sklepu potrafi ładować się 3–5 sekund. Najczęstsze winowajcy to: brak cache obiektowego, nieoptymalne obrazy produktów i zbyt wiele wtyczek aktywnych na każdej stronie.
Konkretne sposoby przyspieszenia
- Redis Object Cache — drastycznie odciąża bazę przy dynamicznych stronach sklepu.
- WP Rocket — cache stron statycznych, opóźnianie JS, łączenie zasobów.
- Optymalizacja obrazów — WebP, właściwe wymiary miniatur produktów.
- Perfmatters — wyłączanie skryptów WooCommerce na stronach, które ich nie potrzebują.
Baza danych i hosting
Regularnie czyść bazę (transients, stare zamówienia, rewizje) wtyczką WP-Optimize. Przy większym sklepie shared hosting przestaje wystarczać — przejdź na managed WordPress lub VPS z Redis. TTFB poniżej 400 ms to fundament szybkiego sklepu.
Jak mierzyć efekty?
Testuj realne strony produktu i koszyka w PageSpeed Insights oraz Query Monitor (pokazuje wolne zapytania SQL i ciężkie wtyczki). Mierz przed i po każdej zmianie — czasem jedna źle napisana wtyczka odpowiada za większość spowolnienia.
Monitorowanie wydajności sklepu
Regularnie mierz czas ładowania kluczowych stron (produkt, kategoria, koszyk, checkout) w PageSpeed Insights. Query Monitor pokaże wolne zapytania SQL i ciężkie wtyczki. New Relic lub logi hostingu pomogą znaleźć wąskie gardła przy większym ruchu. Co mierzysz, tym możesz zarządzać.
Skalowanie sklepu wraz ze wzrostem
- Mały sklep — dobry shared hosting z LiteSpeed wystarczy.
- Średni — VPS lub managed WordPress z Redis.
- Duży — dedykowany serwer, CDN, optymalizacja bazy.
Wydajność a sprzedaż
Szybkość sklepu wprost przekłada się na przychód — badania pokazują, że każda sekunda opóźnienia obniża konwersję o kilka procent. Wolny checkout to porzucone koszyki. Inwestycja w wydajność (hosting, cache, optymalizacja) zwraca się w postaci wyższej sprzedaży, nie tylko lepszych wyników w testach.