Szybkość sklepu WooCommerce - jak przyspieszyć i zwiększyć konwersję
Każda sekunda ładowania to 7% mniej konwersji. Wolny sklep = utracona sprzedaż + gorsze pozycje w Google. Pokażę Ci jak przyspieszyć WooCommerce bez wydawania fortuny.
Krótka odpowiedź
1) Dobry hosting (min. VPS, LiteSpeed),
2) Cache (WP Super Cache, LiteSpeed Cache),
3) CDN (Cloudflare free),
4) Optymalizacja obrazów (ShortPixel, WebP),
5) Mniej wtyczek,
6) Object cache (Redis). Cel: <3 sekundy na mobile. Testuj: PageSpeed Insights, GTmetrix.
Dlaczego szybkość jest kluczowa
Statystyki:
- 1 sekunda opóźnienia = 7% spadek konwersji
- 40% opuszcza stronę po 3 sekundach
- Google: szybkość to czynnik rankingu
- Mobile: jeszcze bardziej wymagający
Co spowalnia WooCommerce:
- Słaby hosting (shared hosting!)
- Brak cache
- Duże, niezoptymalizowane obrazy
- Za dużo wtyczek
- Ciężki motyw
- Brak CDN
Gdzie mierzyć:
- Google PageSpeed Insights
- GTmetrix
- WebPageTest
- Chrome DevTools
Cele:
- Desktop: <2 sekundy
- Mobile: <3 sekundy
- Core Web Vitals: wszystkie zielone
Hosting dla WooCommerce
Unikaj shared hosting:
- Współdzielone zasoby = wolno
- Nie da się zoptymalizować
- OK tylko dla hobby projektów
VPS / Cloud (rekomendowane):
- Dedykowane zasoby
- SSD storage
- PHP 8.x
- MySQL/MariaDB tuned
Managed WordPress hosting:
- Cloudways (elastyczny, dobra cena)
- Kinsta (premium, szybki)
- WP Engine (enterprise)
- SiteGround (dobry start)
Specyfikacja minimum:
- 2 GB RAM
- SSD NVMe
- PHP 8.1+
- LiteSpeed lub Nginx
- Redis/Memcached available
Lokalizacja serwera:
- Blisko klientów (PL dla polskich)
- Lub: CDN kompensuje odległość
Cache - pierwszy krok
Page cache:
- Zapisuje gotowe HTML
- Serwuje bez generowania PHP
- Dramatyczna poprawa
Wtyczki cache:
LiteSpeed Cache (najlepsza jeśli LiteSpeed server):
- Darmowa
- Object cache, page cache, CDN
- Optymalizacja obrazów
- Najszybsza na LiteSpeed hosting
WP Super Cache:
- Darmowa, od Automattic
- Prosta, stabilna
- Dobra na start
W3 Total Cache:
- Zaawansowana, dużo opcji
- Może być skomplikowana
- Dla technicznie obeznanych
WP Rocket (płatna):
- Najlepsza płatna
- Prosta konfiguracja
- Lazy load, minification wbudowane
- Cena: od $59/rok
Konfiguracja WooCommerce:
- Wyklucz: koszyk, checkout, my-account
- Test: czy dodawanie do koszyka działa
Obrazy i media
Optymalizacja przy uploadzie:
ShortPixel:
- Kompresja bez straty jakości
- WebP automatycznie
- Darmowe: 100 obrazów/mies
- Paid: tanie, bulk processing
Imagify:
- Od WP Rocket team
- WebP, lazy load
- Darmowe: 20 MB/mies
EWWW Image Optimizer:
- Lokalna kompresja (bez limitu)
- Wolniejsza niż cloud
- Darmowa opcja
WebP format:
- 25-35% mniejszy niż JPEG
- Obsługiwany przez wszystkie przeglądarki
- Automatyczna konwersja przez wtyczki
Lazy loading:
- Ładuj obrazy gdy widoczne
- Wbudowane w WordPress 5.5+
- Nie dla above-the-fold!
Rozmiary:
- Max 1920px width dla full
- Thumbnails: odpowiednie rozmiary
- Nie uploaduj 5000px zdjęć
Zaawansowana optymalizacja
Object cache (Redis/Memcached):
- Cache bazy danych
- Wymagana na hostingu
- Plugin: Redis Object Cache
- Ogromna poprawa dla WooCommerce
CDN (Content Delivery Network):
- Cloudflare (darmowy tier!)
- Bunny CDN (tanie, szybkie)
- Serwuje static files globalnie
Minification:
- CSS, JS minification
- Combine files (ostrożnie z HTTP/2)
- Autoptimize (darmowa wtyczka)
Database optimization:
- Usuń spam, revisions
- WP-Optimize (wtyczka)
- Regularne czyszczenie
Wtyczki - audyt:
- Każda wtyczka = overhead
- Usuń nieużywane
- Sprawdź Query Monitor (co spowalnia)
- Alternatywy dla ciężkich wtyczek
Critical CSS:
- Above-the-fold CSS inline
- Defer reszty
- WP Rocket robi automatycznie