Gdy motyw spowalnia WordPress, nie zmieniaj go od razu. Najpierw porównaj stronę z motywem domyślnym, aby sprawdzić, czy problem rzeczywiście leży w szablonie. Motyw może obciążać stronę przez nadmiar CSS, JavaScriptu, zapytań do bazy i rozbudowaną strukturę DOM, ale podobny efekt powodują też wtyczki, hosting lub brak cache.
Jak sprawdzić, czy to motyw spowalnia WordPress?
Najprostsza diagnoza polega na porównaniu tej samej strony w dwóch konfiguracjach. Przed zmianami wykonaj kopię zapasową i, jeśli to możliwe, przeprowadź test na stronie stagingowej. Nie oceniaj wydajności wyłącznie na podstawie własnego odczucia. Użyj PageSpeed Insights, sprawdzając tę samą podstronę przed i po zmianie motywu.
Wtyczkę cache wyłącz tylko na czas testu albo wyczyść jej pamięć podręczną po każdej zmianie. Dzięki temu zapisane wcześniej pliki nie zafałszują wyniku. Następnie wykonaj te kroki:
- Wyłącz wtyczkę cache oraz inne mechanizmy optymalizujące, które zmieniają sposób ładowania CSS i JavaScript.
- Aktywuj motyw domyślny, na przykład Twenty Twenty-Four, bez przebudowywania treści strony.
- Otwórz tę samą podstronę w PageSpeed Insights i porównaj czas odpowiedzi, ładowanie skryptów oraz strukturę strony.
- Włącz poprzedni motyw i powtórz pomiar, aby upewnić się, że różnica nie wynika z chwilowego obciążenia serwera.
Duża poprawa po przełączeniu na motyw domyślny wskazuje, że obecny szablon jest ważnym źródłem problemu. Niewielka różnica sugeruje, że trzeba sprawdzić przede wszystkim hosting, wtyczki, obrazy lub konfigurację cache.
| Objaw | Główny podejrzany | Działanie |
|---|---|---|
| Długi TTFB, czyli czas oczekiwania na odpowiedź serwera | Hosting, PHP, baza danych lub ciężkie zapytania motywu | Porównaj motyw domyślny i sprawdź obciążenie serwera |
| Długi czas ładowania CSS i JavaScriptu | Motyw, page builder albo zbyt wiele wtyczek | Wyłącz nieużywane moduły i ogranicz ładowane zasoby |
| Duża i głęboka struktura DOM | Rozbudowany layout, Elementor, Divi lub motyw typu multipurpose | Uprość sekcje, widgety i zagnieżdżenia elementów |
Co zrobić, jeśli motyw jest winny?
Ciężki motyw nie zawsze wymaga natychmiastowej wymiany. Najpierw wyłącz funkcje, których strona nie używa. Wiele szablonów ładuje biblioteki sliderów, animacji, galerii, ikon i dodatkowych widgetów niezależnie od tego, czy są widoczne na konkretnej podstronie.
Na początek sprawdź te elementy:
- Animacje i efekty przewijania – ogranicz je do miejsc, w których poprawiają czytelność strony.
- Suwaki, galerie i karuzele – usuń nieużywane moduły, szczególnie z pierwszego ekranu.
- Dodatkowe widgety – wyłącz elementy, których nie wykorzystujesz w nagłówku, stopce i treści.
- Nieużywane style i skrypty – sprawdź, czy motyw nie ładuje zasobów na każdej podstronie.
- Zewnętrzne czcionki i integracje – ogranicz ich liczbę albo ładuj je lokalnie, jeśli konfiguracja na to pozwala.
Wtyczki optymalizujące mogą minifikować CSS i JavaScript, opóźniać ładowanie zasobów niekrytycznych oraz usuwać nieużywane pliki. Trzeba jednak włączać te funkcje pojedynczo, ponieważ połączenie kilku narzędzi do cache i optymalizacji może powodować konflikty. Lazy loading obrazów pomaga ograniczyć koszt pierwszego ładowania, ale nie powinien obejmować grafiki widocznej od razu po wejściu na stronę.
Elementor i Divi ułatwiają budowanie stron bez kodowania, lecz przy rozbudowanych układach mogą generować dużą liczbę zagnieżdżonych elementów DOM. Ogranicz liczbę sekcji, kolumn i widgetów, zamiast tworzyć kilka warstw kontenerów dla prostego układu.
Expert Note: Nie edytuj bezpośrednio plików głównego motywu. Aktualizacja może nadpisać zmiany. Do własnego CSS i modyfikacji PHP użyj Child Theme, czyli motywu potomnego dziedziczącego pliki od Parent Theme. Najczęściej pracuje się w nim z plikami
style.cssifunctions.php.
Child Theme nie przyspiesza strony sam z siebie. Daje bezpieczne miejsce na zmiany, które mogą poprawić wydajność, bez utraty kodu przy aktualizacji motywu głównego. Każdą modyfikację testuj po kolei, ponieważ źle napisany kod w motywie potomnym także może powodować błędy i opóźnienia.
Kiedy zmienić motyw na lżejszy?
Wymiana ma sens, gdy motyw zawiera wiele funkcji, których nie da się wyłączyć, wymaga licznych dodatków albo każda poprawka wymaga ingerencji w kod. Jeżeli naprawa trwa dłużej niż przygotowanie nowego szablonu, dalsze optymalizowanie może być nieopłacalne.
Jako punkt wyjścia możesz sprawdzić lekkie motywy, takie jak Astra, GeneratePress lub Blocksy. Nie oznacza to, że każdy z nich automatycznie zapewni dobry wynik. Ostateczny efekt zależy również od page buildera, liczby wtyczek, obrazów, hostingu i konfiguracji cache.
Przed zmianą motywu sprawdź następujące kwestie:
- Kopia zapasowa – zapisz pliki i bazę danych przed rozpoczęciem prac.
- Staging – przygotuj wersję testową, jeśli hosting ją udostępnia.
- Kompatybilność – sprawdź działanie formularzy, sklepu, menu, widżetów i własnych typów treści.
- Page Builder – upewnij się, że nowy motyw współpracuje z używanym konstruktorem albo zaplanuj przejście na edytor blokowy.
- Wyniki pomiarów – zapisz wyniki PageSpeed Insights przed zmianą, aby mieć realne porównanie.
Jeśli nowy motyw poprawia wynik tylko na pustej stronie demonstracyjnej, ale nie na rzeczywistej witrynie, przyczyną może być zawartość, wtyczki lub serwer. W takiej sytuacji sama wymiana szablonu nie rozwiąże problemu.
Motyw to tylko część układanki
Gdy test z motywem domyślnym nie daje wyraźnej poprawy, sprawdź hosting, wersję PHP, aktywne wtyczki i cache. OPCache może przyspieszać wykonywanie PHP, a kompresja GZIP zmniejsza ilość danych przesyłanych do przeglądarki. CDN może skrócić drogę plików statycznych do użytkownika, szczególnie gdy odbiorcy znajdują się daleko od serwera.
Nie zakładaj też, że liczba wtyczek sama w sobie przesądza o wydajności. Ważniejsze jest to, jakie zapytania i zasoby generują. Do znalezienia obciążających komponentów może posłużyć Query Monitor, ale wyniki warto interpretować ostrożnie, najlepiej na kopii testowej.
Najpierw potwierdź winę motywu, potem wyłącz jego zbędne funkcje i ogranicz CSS, JavaScript oraz rozbudowane moduły. Jeśli szablon nadal obciąża stronę, a poprawki wymagają ciągłej ingerencji w kod, wybierz lżejszy motyw i przenieś zmiany do Child Theme. Po wdrożeniu regularnie testuj stronę, bo aktualizacja motywu, wtyczki lub treści może zmienić jej wydajność.
