Dlaczego Twój sklep WooCommerce ładuje się 4 sekundy?

Sklep na WooCommerce najczęściej ładuje się wolno z trzech powodów: hosting bez skonfigurowanej pamięci podręcznej, zdjęcia produktów w zbyt dużej rozdzielczości i zbyt wiele wtyczek uruchamianych na każdej podstronie, nawet tam, gdzie nie są potrzebne. Zanim zaczniesz zmieniać kod czy motyw, sprawdź te trzy rzeczy — zwykle dają największy efekt najmniejszym kosztem.

Hosting i pamięć podręczna

WordPress i WooCommerce budują stronę od nowa przy każdym wejściu, chyba że działa pamięć podręczna (w panelach hostingu zwykle nazywana „cache”) — mechanizm, który zapisuje gotową stronę i podaje ją kolejnym odwiedzającym bez ponownego przeliczania. Tani hosting współdzielony bez pamięci podręcznej po stronie serwera to częsty powód wolnego sklepu. Warto sprawdzić, czy hosting oferuje ją na poziomie serwera (nie tylko jako wtyczkę) i czy koszyk, zamówienie oraz konto klienta są z niej wyłączone — te strony są inne dla każdego klienta i nie mogą być podawane z zapisanej kopii.

Zdjęcia produktów

Zdjęcie produktu zrobione telefonem w pełnej rozdzielczości może ważyć kilka megabajtów — a strona kategorii potrafi pokazywać kilkadziesiąt zdjęć naraz. WordPress sam tworzy mniejsze wersje wgranych zdjęć i podaje przeglądarce tę, która pasuje do ekranu, ale to nie pomoże, jeśli motyw albo kreator stron wyświetla oryginał. Warto sprawdzić format (WebP, a w nowszych wersjach WordPressa także AVIF, są zwykle lżejsze niż JPEG przy tej samej jakości), skompresować zdjęcia przed wgraniem i upewnić się, że obrazy poniżej pierwszego ekranu ładują się dopiero wtedy, gdy klient do nich przewinie.

Zbyt wiele wtyczek

Każda wtyczka może dokładać własne pliki CSS i JavaScript — i wiele z nich robi to na każdej podstronie sklepu, nawet jeśli działa tylko w jednym miejscu (np. w koszyku). Dobra praktyka to okresowy przegląd zainstalowanych wtyczek: czy wszystkie są nadal używane, czy dwie z nich nie robią tego samego i czy da się ograniczyć ładowanie ich plików tylko do stron, na których faktycznie działają. Bezpłatna wtyczka Query Monitor, włączona na chwilę, pokazuje, które wtyczki i zapytania do bazy zajmują najwięcej czasu.

Jak to sprawdzić samodzielnie w 5 minut

Wejdź na stronę PageSpeed Insights (pagespeed.web.dev), wklej adres karty produktu i przełącz wynik na „Komórka”. Patrz przede wszystkim na górną część raportu, czyli dane od prawdziwych użytkowników Chrome — jeśli Twój sklep ma ich za mało, zobaczysz tylko test laboratoryjny. Google uznaje wynik za dobry, gdy u co najmniej 75% wizyt:

• LCP (czas pojawienia się największego elementu, zwykle zdjęcia produktu) wynosi najwyżej 2,5 sekundy,
• INP (jak szybko strona reaguje na kliknięcie, np. wybór wariantu) wynosi najwyżej 200 milisekund,
• CLS (przesuwanie się elementów podczas ładowania) wynosi najwyżej 0,1.

W części diagnostycznej zajrzyj też do czasu odpowiedzi serwera. Jeśli sam serwer odpowiada wolno (orientacyjnie: wyraźnie dłużej niż 0,8 sekundy), problem leży w hostingu lub pamięci podręcznej, a nie w zdjęciach. Zmierz osobno stronę główną, kategorię i kartę produktu — każda ma inne wąskie gardła.

Częsty błąd: główne zdjęcie produktu ładowane „leniwie”. WordPress sam pomija leniwe ładowanie dla pierwszego dużego obrazka i oznacza go jako pilny, ale suwaki zdjęć i niektóre wtyczki przyspieszające potrafią to nadpisać. Efekt: zdjęcie, na które klient czeka najbardziej, ładuje się ostatnie, a wynik LCP spada.

Nie masz czasu na samodzielne grzebanie w ustawieniach? Zobacz, co obejmuje Opieka po starcie.