Powrót do bazy wiedzy
WordPress Jak przyspieszyć WordPress Kompletny poradnik optymalizacji - www.craftis.pl - strony www i sklepy internetowe - Poznań

Jak przyspieszyć WordPress? Kompletny poradnik optymalizacji

Jak przyspieszyć WordPress? Największą poprawę szybkości strony zwykle daje połączenie kilku działań: szybkiego hostingu i aktualnej wersji PHP, page cache, optymalizacji obrazów, ograniczenia zbędnego JavaScriptu i CSS, redukcji niepotrzebnych wtyczek, optymalizacji bazy danych oraz poprawy Core Web Vitals. W bardziej rozbudowanych serwisach i sklepach WooCommerce warto dodatkowo wdrożyć persistent object cache, np. Redis, CDN oraz dokładnie przeanalizować zapytania do bazy danych i kod motywu.

Optymalizacja WordPressa nie polega wyłącznie na zainstalowaniu wtyczki cache. Wolna strona może mieć problem na poziomie serwera, PHP, bazy MySQL/MariaDB, motywu, wtyczek, obrazów, fontów, zewnętrznych skryptów albo samej architektury front-endu. Dlatego skuteczne przyspieszenie WordPressa zaczyna się od diagnostyki, a dopiero później od wdrażania konkretnych zmian.

W tym poradniku pokazujemy krok po kroku, jak przyspieszyć stronę WordPress, poprawić wynik PageSpeed Insights, skrócić TTFB, zoptymalizować LCP, INP i CLS oraz przygotować serwis do szybkiego działania na komputerach i urządzeniach mobilnych.

Jeżeli dopiero planujesz nową witrynę, zobacz ofertę Craftis, tworzenie szybkich stron internetowych WordPress, tworzenie sklepów WooCommerce albo przejdź bezpośrednio do darmowej wyceny strony internetowej.

Dlaczego WordPress działa wolno?

Sam WordPress nie musi być wolnym CMS-em. Problemy z wydajnością najczęściej pojawiają się w wyniku połączenia niewydajnego hostingu, ciężkiego motywu, dużej liczby rozszerzeń, niezoptymalizowanych obrazów, skryptów zewnętrznych oraz niewłaściwej konfiguracji cache.

W przypadku rozbudowanych serwisów dochodzi również obciążenie bazy danych, duża tabela wp_options, nadmiar danych ładowanych przez autoload, zadania WP-Cron oraz kosztowne zapytania wykonywane przez wtyczki.

Najczęstsze przyczyny wolnego WordPressa:

  • wolny lub przeciążony hosting,
  • wysoki TTFB,
  • brak page cache,
  • stara lub niewłaściwie skonfigurowana wersja PHP,
  • brak OPcache,
  • ciężki motyw WordPress,
  • page builder generujący dużą ilość HTML, CSS i JavaScript,
  • zbyt wiele lub źle napisane wtyczki,
  • niezoptymalizowane zdjęcia,
  • brak WebP lub AVIF,
  • zbyt duża liczba requestów HTTP,
  • render-blocking CSS i JavaScript,
  • duża liczba zewnętrznych skryptów marketingowych,
  • niezoptymalizowana baza danych,
  • duży autoload w wp_options,
  • brak persistent object cache,
  • nieoptymalny WP-Cron,
  • brak CDN przy dużym lub międzynarodowym ruchu.

Dlatego przed instalowaniem kolejnego pluginu do optymalizacji warto najpierw ustalić, co rzeczywiście spowalnia WordPressa.

Jak sprawdzić szybkość WordPressa?

Pierwszym etapem optymalizacji powinien być pomiar. Bez danych łatwo poświęcić kilka godzin na optymalizację elementu, który praktycznie nie wpływa na rzeczywisty czas ładowania.

Do analizy wydajności WordPressa można wykorzystać:

  • Google PageSpeed Insights,
  • Chrome DevTools – Performance i Network,
  • Lighthouse,
  • Google Search Console – raport Core Web Vitals,
  • WebPageTest,
  • Query Monitor,
  • narzędzia APM udostępniane przez hosting,
  • logi serwera i PHP.

Nie należy oceniać strony wyłącznie na podstawie wyniku 0–100 w PageSpeed Insights. Wynik Lighthouse jest syntetycznym wskaźnikiem diagnostycznym. Dla rzeczywistych użytkowników szczególnie istotne są dane terenowe, czasy odpowiedzi serwera oraz Core Web Vitals.

PageSpeed Insights – jak czytać wyniki WordPressa?

PageSpeed Insights może prezentować dwa różne rodzaje informacji: dane laboratoryjne uzyskane podczas kontrolowanego testu oraz – jeśli są dostępne – dane pochodzące z rzeczywistych wizyt użytkowników.

W praktyce warto analizować nie tylko ogólną ocenę Performance, ale również konkretne metryki i rekomendacje.

Metryka Co mierzy? Dobry wynik
LCP Czas pojawienia się największego elementu treści ≤ 2,5 s
INP Responsywność strony na interakcję ≤ 200 ms
CLS Stabilność wizualna layoutu ≤ 0,1
TTFB Czas do otrzymania pierwszego bajtu odpowiedzi Im niższy, tym lepiej

Szczegółowo metryki te opisujemy w osobnym poradniku Jak poprawić Core Web Vitals – LCP, INP i CLS?. Ten artykuł skupia się natomiast na całym środowisku WordPressa, które wpływa na te wyniki.

1. Zacznij od dobrego hostingu WordPress

Optymalizacja front-endu nie rozwiąże wszystkich problemów, jeżeli serwer potrzebuje kilku sekund na wygenerowanie dokumentu HTML. Hosting jest fundamentem wydajności WordPressa.

Na serwerze współdzielonym wielu klientów może korzystać z tych samych zasobów CPU, RAM i I/O. Jeżeli środowisko jest przeciążone albo posiada restrykcyjne limity, czas odpowiedzi strony może rosnąć niezależnie od jakości kodu.

Przy wyborze hostingu WordPress warto sprawdzić:

  • wydajność procesora,
  • limity CPU i RAM,
  • limity procesów i I/O,
  • rodzaj dysków,
  • obsługiwane wersje PHP,
  • PHP OPcache,
  • HTTP/2 lub HTTP/3,
  • server-side cache,
  • Redis lub Memcached,
  • lokalizację centrum danych,
  • możliwość konfiguracji CDN,
  • automatyczne kopie zapasowe,
  • jakość wsparcia technicznego.

Dla zwykłej strony firmowej dobry hosting współdzielony może być wystarczający. Rozbudowany WooCommerce, portal lub serwis z dużym ruchem może wymagać mocniejszego środowiska VPS, cloud albo hostingu zarządzanego.

2. Zaktualizuj PHP i WordPress

WordPress jest aplikacją PHP, dlatego wydajność interpretera ma bezpośredni wpływ na generowanie strony. Warto korzystać z aktualnej, stabilnej i oficjalnie wspieranej wersji PHP zgodnej z WordPressem, motywem i wykorzystywanymi wtyczkami.

Przed zmianą wersji PHP należy wykonać kopię zapasową oraz przetestować stronę. Szczególną uwagę trzeba zwrócić na starsze motywy, własne integracje i dawno nieaktualizowane rozszerzenia.

Aktualizuj regularnie:

  • WordPress Core,
  • motyw,
  • wtyczki,
  • PHP,
  • biblioteki wykorzystywane przez własny kod.

Aktualizacje są istotne nie tylko ze względu na bezpieczeństwo. Nowe wersje oprogramowania często zawierają również usprawnienia wydajnościowe.

3. Włącz PHP OPcache

Kod PHP przed wykonaniem jest kompilowany do kodu pośredniego. OPcache przechowuje skompilowany bytecode w pamięci, dzięki czemu PHP nie musi wykonywać pełnego procesu kompilacji tych samych plików przy każdym żądaniu.

Na poprawnie skonfigurowanym hostingu OPcache powinien być standardem. Jeżeli WordPress działa na własnym VPS, warto sprawdzić jego konfigurację oraz dostępny przydział pamięci.

OPcache nie jest tym samym co page cache ani object cache. Każda z tych warstw rozwiązuje inny problem.

4. Włącz page cache w WordPressie

WordPress dynamicznie generuje dokument HTML przy użyciu PHP i danych pobieranych z bazy. Przy wielu typach stron nie ma potrzeby wykonywania całego procesu przy każdym wejściu użytkownika.

Page cache przechowuje gotową wersję wygenerowanej strony i może zwrócić ją użytkownikowi bez ponownego wykonywania wszystkich operacji WordPressa.

Popularne rozwiązania cache dla WordPressa to między innymi:

  • LiteSpeed Cache,
  • WP Rocket,
  • W3 Total Cache,
  • WP Super Cache,
  • cache realizowany bezpośrednio przez hosting lub reverse proxy.

Jeżeli serwer działa na LiteSpeed, LiteSpeed Cache może wykorzystać mechanizmy cache zintegrowane z serwerem. Na innym stosie technologicznym należy dobrać rozwiązanie odpowiednie do infrastruktury.

Nie należy jednocześnie uruchamiać kilku konkurencyjnych systemów page cache bez dokładnej wiedzy, jak ze sobą współpracują.

5. Browser cache – wykorzystaj pamięć przeglądarki

Przeglądarka użytkownika nie powinna pobierać przy każdym wejściu tych samych statycznych plików CSS, JavaScript, fontów czy obrazów.

Poprawnie ustawione nagłówki Cache-Control pozwalają przechowywać statyczne zasoby lokalnie i wykorzystywać je podczas kolejnych odsłon.

Dla wersjonowanych zasobów, których nazwa zmienia się wraz z aktualizacją pliku, można stosować dłuższy czas cache. Dzięki temu powracający użytkownik pobiera znacznie mniej danych.

6. Persistent Object Cache – Redis lub Memcached

WordPress posiada mechanizm Object Cache, który ogranicza konieczność wielokrotnego wykonywania kosztownych operacji w obrębie pojedynczego requestu. Domyślnie nie jest on jednak trwały między kolejnymi żądaniami.

Persistent object cache, np. oparty na Redis lub Memcached, pozwala zachować część danych pomiędzy requestami. WordPress może dzięki temu pobierać określone wyniki z szybkiej pamięci cache zamiast ponownie wykonywać zapytania do bazy danych.

Persistent object cache jest szczególnie przydatny dla:

  • WooCommerce,
  • dużych serwisów WordPress,
  • stron z dużą liczbą zapytań do bazy,
  • serwisów z zalogowanymi użytkownikami,
  • portali i katalogów,
  • stron z dynamicznymi danymi, których nie można w całości objąć page cache.

Redis nie zastępuje page cache. Są to dwie różne warstwy optymalizacji i w rozbudowanym środowisku mogą działać równolegle.

Page cache, object cache, OPcache i browser cache – czym się różnią?

Rodzaj cache Co przechowuje? Główny efekt
Page cache Gotowy dokument HTML Ogranicza uruchamianie PHP i WordPressa
Object cache Dane i wyniki operacji aplikacji Ogranicza kosztowne operacje i zapytania do bazy
OPcache Skompilowany bytecode PHP Przyspiesza wykonywanie PHP
Browser cache CSS, JS, obrazy, fonty i inne zasoby Ogranicza ponowne pobieranie plików
CDN cache Zasoby lub odpowiedzi na serwerach edge Skraca drogę danych do użytkownika

To rozróżnienie jest ważne, ponieważ samo stwierdzenie „mam cache” nie mówi jeszcze, które warstwy wydajności rzeczywiście zostały zoptymalizowane.

7. Zoptymalizuj obrazy WordPress

Zdjęcia należą do najczęstszych przyczyn dużej wagi strony. Wgranie fotografii bezpośrednio z aparatu lub telefonu może oznaczać przesyłanie użytkownikowi pliku o wadze kilku megabajtów, mimo że obraz jest wyświetlany w znacznie mniejszym rozmiarze.

Optymalizacja obrazów WordPress powinna obejmować:

  • zmniejszenie wymiarów obrazu do realnie potrzebnego rozmiaru,
  • kompresję,
  • wykorzystanie WebP lub AVIF tam, gdzie jest to zasadne,
  • responsywne obrazy i srcset,
  • poprawne width i height,
  • lazy loading dla obrazów poza początkowym viewportem,
  • unikanie lazy loading dla kluczowego obrazu LCP,
  • preload lub odpowiedni priorytet pobierania najważniejszych zasobów, gdy jest to uzasadnione.

Nie ma sensu przesyłać obrazu o szerokości 4000 px, jeżeli w największym wariancie layoutu będzie wyświetlany w szerokości 1200 px.

8. Używaj WebP i AVIF

Nowoczesne formaty obrazów mogą zapewnić mniejszy rozmiar pliku przy zachowaniu dobrej jakości wizualnej. W praktyce najczęściej stosowane są WebP oraz AVIF.

Nie oznacza to jednak, że każdy obraz powinien zostać automatycznie skonwertowany do jednego formatu bez kontroli jakości. Dla grafik, zdjęć i elementów z przezroczystością optymalny format i poziom kompresji mogą być różne.

Najważniejszy jest końcowy rezultat: możliwie mały plik przy jakości wystarczającej dla konkretnego zastosowania.

9. Lazy loading – używaj go poprawnie

Lazy loading opóźnia pobieranie elementów znajdujących się poza aktualnym obszarem widocznym ekranu. Dzięki temu przeglądarka nie musi natychmiast pobierać wszystkich zdjęć znajdujących się na długiej podstronie.

Nie należy jednak bezrefleksyjnie stosować lazy loading do wszystkiego. Obraz będący elementem LCP w sekcji hero powinien zostać pobrany odpowiednio wcześnie.

Jeżeli kluczowy obraz znajdujący się nad linią załamania strony otrzyma niski priorytet i lazy loading, może to pogorszyć LCP zamiast go poprawić.

10. Ogranicz JavaScript

Duża ilość JavaScriptu jest jednym z głównych problemów współczesnych stron internetowych. Skrypt trzeba pobrać, sparsować, skompilować i wykonać. Na słabszym smartfonie koszt wykonania może być znacznie większy niż na komputerze dewelopera.

W WordPressie JavaScript często pochodzi z:

  • motywu,
  • page buildera,
  • wtyczek,
  • sliderów,
  • popupów,
  • czatów,
  • systemów analitycznych,
  • reklam,
  • map,
  • widgetów social media,
  • narzędzi marketing automation.

Jak zoptymalizować JavaScript?

  • usuń skrypty, których nie potrzebujesz,
  • ładuj pliki tylko na podstronach, na których są używane,
  • stosuj defer lub odpowiednią strategię ładowania tam, gdzie jest to bezpieczne,
  • opóźniaj skrypty zewnętrzne, jeżeli nie są potrzebne natychmiast,
  • ogranicz biblioteki wykorzystywane tylko do prostych efektów,
  • dziel duże bundle na mniejsze fragmenty, gdy architektura projektu tego wymaga,
  • profiluj długie zadania blokujące główny wątek.

Redukcja JavaScriptu jest szczególnie istotna dla poprawy responsywności i wyniku INP.

11. Usuń nieużywany CSS

Rozbudowane motywy i page buildery często dostarczają jeden duży arkusz stylów obsługujący dziesiątki komponentów, mimo że konkretna podstrona wykorzystuje tylko część z nich.

Dedykowany motyw pozwala lepiej kontrolować ilość CSS. Style mogą być tworzone wyłącznie dla komponentów rzeczywiście występujących w projekcie.

Optymalizacja CSS może obejmować:

  • usuwanie nieużywanych reguł,
  • minifikację,
  • ograniczenie wielkich frameworków CSS,
  • dzielenie stylów na logiczne moduły,
  • ograniczenie zasobów blokujących renderowanie,
  • generowanie critical CSS, jeśli wdrożenie rzeczywiście przynosi poprawę.

Nie należy natomiast automatycznie łączyć wszystkich plików CSS tylko dlatego, że plugin posiada taką opcję. Przy HTTP/2 i HTTP/3 liczba plików nie jest jedynym czynnikiem decydującym o wydajności.

12. Zoptymalizuj fonty

Fonty mogą generować dodatkowe requesty i opóźniać renderowanie tekstu. Problem rośnie, gdy strona pobiera wiele rodzin, grubości i stylów.

Dobre praktyki dla fontów:

  • ogranicz liczbę rodzin fontów,
  • ogranicz liczbę wykorzystywanych wag,
  • używaj WOFF2,
  • rozważ self-hosting fontów,
  • stosuj odpowiednie font-display,
  • preloaduj wyłącznie najważniejsze pliki fontów,
  • nie preloaduj wszystkich wariantów „na zapas”,
  • stosuj subsety, jeśli projekt tego wymaga.

Preload wszystkiego może przynieść odwrotny efekt, ponieważ zasoby konkurują o pasmo i priorytet pobierania.

13. Ogranicz zewnętrzne skrypty

Nawet bardzo dobrze zoptymalizowany WordPress może zwolnić po dodaniu wielu narzędzi marketingowych. Zewnętrzne skrypty działają poza pełną kontrolą właściciela strony i mogą wykonywać kolejne requesty, JavaScript oraz operacje na DOM.

Najczęstsze źródła third-party scripts:

  • Google Analytics,
  • Google Tag Manager,
  • Google Ads,
  • Meta Pixel,
  • systemy heatmap,
  • czaty online,
  • systemy rezerwacji,
  • mapy,
  • osadzone filmy,
  • widgety opinii,
  • narzędzia remarketingowe.

Każdy taki element powinien mieć uzasadnienie biznesowe. Jeżeli narzędzie nie jest wykorzystywane do podejmowania decyzji ani nie wspiera sprzedaży, warto rozważyć jego usunięcie.

14. Usuń zbędne wtyczki WordPress

Sama liczba wtyczek nie przesądza o szybkości strony. Jeden źle napisany plugin może obciążać serwer bardziej niż kilka lekkich rozszerzeń.

Mimo tego każda kolejna wtyczka zwiększa złożoność systemu, może dodawać requesty, zapytania do bazy, cron jobs, opcje autoload oraz dodatkowe zasoby front-endowe.

Przeprowadź audyt pluginów:

  • usuń nieużywane rozszerzenia,
  • usuń pluginy dublujące funkcje,
  • sprawdź, które wtyczki wykonują najwięcej zapytań,
  • sprawdź, które dodają najwięcej CSS i JS,
  • zastąp ciężkie rozwiązania lżejszymi, jeśli ma to uzasadnienie,
  • drobne funkcje realizuj własnym kodem, jeśli jest to bezpieczniejsze i prostsze.

Dobór rozszerzeń szerzej opisujemy w artykule o najlepszych wtyczkach WordPress dla firm.

15. Unikaj ciężkich motywów i niepotrzebnych page builderów

Motyw ma ogromny wpływ na ilość HTML, CSS i JavaScript dostarczanego użytkownikowi. Uniwersalny motyw przygotowany do obsługi setek wariantów layoutu może zawierać kod, którego konkretna firma nigdy nie wykorzysta.

Podobny problem może dotyczyć page builderów. Ich zaletą jest elastyczność edycji, ale ceną bywa bardziej rozbudowany DOM, dodatkowe style i JavaScript.

Przy dedykowanych stronach WordPress można ograniczyć front-end do elementów faktycznie potrzebnych w konkretnym projekcie. Pozwala to zachować większą kontrolę nad strukturą HTML, CSS, JavaScript oraz sposobem ładowania zasobów.

16. Zoptymalizuj bazę danych WordPress

Wraz z rozwojem strony baza danych może gromadzić rewizje, transienty, logi, stare dane wtyczek i inne rekordy, które nie zawsze są potrzebne do bieżącego działania serwisu.

Przy audycie bazy warto sprawdzić:

  • wp_options,
  • autoloaded options,
  • wygasłe transienty,
  • rewizje wpisów,
  • osierocone metadata,
  • tabele pozostawione przez usunięte wtyczki,
  • rozmiar tabel WooCommerce,
  • logi i sesje,
  • najwolniejsze zapytania SQL.

Przed ręcznym usuwaniem danych z bazy należy zawsze wykonać pełną kopię zapasową. Nie każda duża tabela jest problemem, a przypadkowe usunięcie rekordów może doprowadzić do awarii serwisu.

17. Sprawdź autoload w wp_options

WordPress i wtyczki przechowują wiele ustawień w tabeli wp_options. Część rekordów może być automatycznie ładowana podczas każdego requestu.

Jeżeli plugin zapisuje duże ilości danych jako autoload, WordPress może pobierać informacje, które na większości podstron nie są potrzebne.

Analiza autoload jest szczególnie ważna na starszych serwisach, przez które przez lata przewinęło się wiele motywów i pluginów.

Nie należy jednak usuwać opcji tylko na podstawie ich rozmiaru lub nazwy. Najpierw trzeba ustalić, który komponent z nich korzysta i czy rekord jest nadal wymagany.

18. Ogranicz rewizje i uporządkuj dane

WordPress przechowuje rewizje treści, co jest bardzo przydatne podczas pracy redakcyjnej. W serwisach posiadających tysiące wpisów i wieloletnią historię liczba rewizji może jednak znacząco zwiększyć rozmiar bazy.

Nie oznacza to, że należy całkowicie wyłączać rewizje. Rozsądniejszym rozwiązaniem jest ustalenie liczby wersji, która odpowiada rzeczywistemu procesowi pracy redakcyjnej.

19. Zoptymalizuj WP-Cron

WordPress wykorzystuje WP-Cron do wykonywania zadań okresowych. Mogą z niego korzystać między innymi aktualizacje, publikacja zaplanowanych wpisów, WooCommerce, backupy, integracje i systemy wysyłające dane do zewnętrznych usług.

Na stronach z dużym ruchem lub dużą liczbą zadań można rozważyć wyłączenie wywoływania WP-Cron przy standardowych odsłonach i uruchamianie go przez prawdziwy cron serwera w kontrolowanym interwale.

Przed taką zmianą należy jednak sprawdzić, jakie procesy korzystają z harmonogramu. Błędna konfiguracja może opóźnić zadania WooCommerce, publikację wpisów albo automatyczne integracje.

20. Wdróż CDN, jeśli jest potrzebny

CDN – Content Delivery Network przechowuje kopie statycznych zasobów lub odpowiedzi na serwerach rozmieszczonych w różnych lokalizacjach. Użytkownik może pobierać dane z punktu znajdującego się bliżej jego lokalizacji.

CDN jest szczególnie przydatny, gdy:

  • strona obsługuje użytkowników z wielu krajów,
  • serwis posiada dużo zdjęć i innych statycznych zasobów,
  • występują duże skoki ruchu,
  • chcesz odciążyć serwer origin,
  • wykorzystujesz dodatkowe funkcje edge cache lub ochrony ruchu.

Dla małej lokalnej strony, której hosting i użytkownicy znajdują się w tym samym kraju, CDN nie zawsze będzie elementem dającym największą poprawę. Najpierw warto usunąć podstawowe problemy wydajnościowe.

21. Zmniejsz TTFB WordPressa

TTFB – Time to First Byte opisuje czas od wysłania żądania do otrzymania pierwszego bajtu odpowiedzi. Wysoki TTFB może wskazywać między innymi na problem z hostingiem, PHP, bazą danych, brakiem cache albo ciężką logiką wykonywaną podczas requestu.

Jak obniżyć TTFB?

  • wybierz szybszy hosting,
  • włącz page cache,
  • korzystaj z aktualnego PHP,
  • włącz OPcache,
  • przeanalizuj wolne zapytania SQL,
  • usuń ciężkie pluginy,
  • ogranicz zewnętrzne requesty wykonywane przez PHP,
  • rozważ persistent object cache,
  • zoptymalizuj bazę danych.

Jeżeli dokument HTML jest generowany bardzo wolno, optymalizacja obrazów nie rozwiąże źródła problemu. Dlatego TTFB należy analizować niezależnie od front-endu.

22. Popraw LCP w WordPressie

LCP – Largest Contentful Paint – bardzo często dotyczy dużego zdjęcia hero, banera lub głównego bloku tekstowego.

Najczęstsze sposoby poprawy LCP:

  • zmniejszenie TTFB,
  • optymalizacja obrazu hero,
  • WebP lub AVIF,
  • unikanie lazy loading dla elementu LCP,
  • odpowiednie priorytety pobierania,
  • ograniczenie render-blocking CSS,
  • optymalizacja fontów,
  • ograniczenie JavaScriptu blokującego renderowanie.

Więcej informacji znajdziesz w naszym poradniku optymalizacji Core Web Vitals.

23. Popraw INP w WordPressie

INP – Interaction to Next Paint – mierzy responsywność strony podczas interakcji użytkownika. Problem często wynika z dużej ilości JavaScriptu wykonywanego na głównym wątku.

Jak poprawić INP?

  • ogranicz JavaScript,
  • usuń niepotrzebne biblioteki,
  • podziel długie zadania,
  • ogranicz ciężkie event handlery,
  • nie wykonuj dużych operacji synchronicznie po kliknięciu,
  • zmniejsz koszt aktualizacji DOM,
  • ogranicz zewnętrzne skrypty.

Na urządzeniach mobilnych problemy z JavaScriptem mogą być znacznie bardziej widoczne, ponieważ przeciętny smartfon dysponuje mniejszą mocą obliczeniową niż komputer używany podczas developmentu.

24. Popraw CLS w WordPressie

CLS – Cumulative Layout Shift – mierzy nieoczekiwane przesunięcia elementów podczas ładowania strony.

Jak ograniczyć CLS?

  • ustawiaj width i height dla obrazów,
  • rezerwuj miejsce przez aspect-ratio,
  • rezerwuj przestrzeń dla reklam i embedów,
  • uważaj na bannery doładowywane nad treścią,
  • popraw strategię ładowania fontów,
  • unikaj dynamicznego wstawiania elementów nad już wyświetloną treścią.

Stabilny layout jest ważny nie tylko dla wyniku technicznego. Przesuwające się przyciski i formularze pogarszają również UX strony.

25. Nie optymalizuj tylko strony głównej

Częsty błąd polega na przetestowaniu wyłącznie homepage. Tymczasem użytkownicy z Google mogą trafiać bezpośrednio na wpisy blogowe, usługi, kategorie lub produkty.

W audycie sprawdź reprezentatywne szablony:

  • stronę główną,
  • stronę usługi,
  • wpis blogowy,
  • kategorię,
  • landing page,
  • kartę produktu,
  • kategorię produktów,
  • koszyk i checkout – w przypadku WooCommerce.

Problemy mogą występować tylko w konkretnym typie szablonu. Na przykład karta produktu może ładować skrypty galerii, wariantów i rekomendacji, których nie ma na stronie głównej.

Jak przyspieszyć WooCommerce?

Optymalizacja WooCommerce jest bardziej złożona niż optymalizacja zwykłej strony firmowej. Sklep posiada dynamiczny koszyk, checkout, konta użytkowników, produkty, warianty, sesje, zapytania magazynowe i liczne integracje.

Nie wszystkie podstrony WooCommerce można cache’ować tak samo jak statyczne treści.

Przy optymalizacji sklepu WooCommerce sprawdź:

  • wydajność hostingu,
  • page cache dla stron, które można bezpiecznie cache’ować,
  • wykluczenia koszyka, checkoutu i konta klienta,
  • Redis lub inny persistent object cache,
  • zapytania do bazy danych,
  • liczbę wariantów produktów,
  • filtry i wyszukiwarkę produktów,
  • sesje WooCommerce,
  • integracje płatności i dostaw,
  • skrypty marketingowe,
  • rozmiar zdjęć produktowych,
  • zadania wykonywane w tle.

Jeżeli planujesz nowy e-commerce, zobacz tworzenie sklepów internetowych WooCommerce. Wydajność sklepu najlepiej uwzględnić już na etapie architektury, a nie dopiero wtedy, gdy katalog zawiera tysiące produktów.

Jak przyspieszyć panel administracyjny WordPress?

Page cache przyspiesza przede wszystkim front-end i nie rozwiązuje wszystkich problemów wolnego wp-admin. Panel administracyjny generowany jest dynamicznie i wymaga osobnej diagnostyki.

Jeżeli panel WordPress działa wolno, sprawdź:

  • wtyczki wykonujące ciężkie operacje w panelu,
  • zapytania SQL przez Query Monitor,
  • zewnętrzne requesty HTTP,
  • WP-Cron,
  • Heartbeat API,
  • autoloaded options,
  • wydajność bazy danych,
  • limity serwera,
  • persistent object cache.

W sklepie WooCommerce wolny panel może być dodatkowo związany z dużą liczbą zamówień, produktów, integracji oraz procesów wykonywanych w tle.

Czy LiteSpeed Cache przyspieszy WordPress?

LiteSpeed Cache może być bardzo skutecznym rozwiązaniem, szczególnie na serwerze wykorzystującym LiteSpeed. Wtyczka oferuje page cache oraz szereg dodatkowych mechanizmów związanych z optymalizacją zasobów, obrazów i bazy.

Nie oznacza to jednak, że zaznaczenie wszystkich opcji automatycznie zapewni wynik 100/100 w PageSpeed.

Niewłaściwa konfiguracja minifikacji, opóźniania JavaScriptu czy generowania CSS może powodować błędy wizualne i funkcjonalne. Po każdej większej zmianie należy przetestować stronę na różnych urządzeniach oraz kluczowe funkcje, np. formularze i checkout.

Czy wynik 100/100 w PageSpeed jest konieczny?

Nie. Wynik 100/100 może być dobrym rezultatem technicznym, ale nie powinien być nadrzędnym celem biznesowym projektu.

Strona musi jednocześnie realizować cele marketingowe, sprzedażowe i funkcjonalne. Usunięcie analityki, formularzy czy potrzebnych integracji tylko po to, aby zwiększyć wynik Lighthouse o kilka punktów, może być złym kompromisem.

Lepiej dążyć do szybkiego, stabilnego serwisu z dobrymi Core Web Vitals i sprawnym UX niż optymalizować stronę wyłącznie pod syntetyczny wynik testu.

Szybkość WordPressa a SEO

Wydajność jest jednym z elementów technicznej jakości strony. Szybki serwis poprawia komfort użytkownika, ułatwia korzystanie z witryny na urządzeniach mobilnych i ogranicza sytuacje, w których użytkownik rezygnuje przed zobaczeniem treści.

Nie należy jednak traktować szybkości jako zamiennika dla treści, linków, architektury informacji czy właściwego dopasowania strony do intencji wyszukiwania.

Najlepszy efekt daje połączenie wydajności z technicznym SEO, wartościową treścią i prawidłowym linkowaniem. Takie podejście stosujemy również przy pozycjonowaniu SEO i GEO.

Szybkość WordPressa a AI Search i GEO

W przypadku GEO – Generative Engine Optimization – szybkość strony nie powinna być traktowana jako magiczny czynnik decydujący o cytowaniu witryny przez system AI. Znacznie ważniejsze są jakość informacji, ich jednoznaczność, wiarygodność, struktura i dostępność.

Wydajność jest jednak częścią jakości technicznej serwisu. Szybka, stabilna i poprawnie renderująca się witryna ułatwia korzystanie z treści użytkownikom i ogranicza problemy techniczne związane z pobieraniem oraz interpretowaniem strony.

Pod kątem SEO i GEO warto łączyć:

  • szybkość strony,
  • crawlability,
  • semantyczny HTML,
  • jasną strukturę nagłówków,
  • dane strukturalne,
  • kompletne odpowiedzi na pytania użytkowników,
  • linkowanie wewnętrzne,
  • informacje o autorze i firmie,
  • aktualne dane i przykłady,
  • spójność tematyczną serwisu.

Jak diagnozować wolne wtyczki za pomocą Query Monitor?

Query Monitor jest przydatnym narzędziem deweloperskim pozwalającym analizować między innymi zapytania do bazy, hooki, błędy PHP i requesty HTTP.

Podczas diagnostyki warto zwrócić uwagę na:

  • duplikowane zapytania SQL,
  • bardzo wolne queries,
  • dużą liczbę zapytań generowanych przez jeden komponent,
  • zewnętrzne requesty HTTP wykonywane podczas generowania strony,
  • błędy PHP,
  • plugin lub motyw odpowiedzialny za konkretne zapytanie.

Narzędzia diagnostyczne używane podczas developmentu nie muszą pozostawać stale aktywne na produkcji.

Jak przyspieszyć WordPress bez wtyczek?

Wiele optymalizacji można wykonać bez instalowania kolejnych rozszerzeń. W przypadku dedykowanego WordPressa często jest to nawet lepsze rozwiązanie.

Bez dodatkowego pluginu można między innymi:

  • usunąć zbędny CSS i JavaScript z motywu,
  • ładować skrypty warunkowo,
  • optymalizować zapytania WP_Query,
  • poprawić strukturę HTML,
  • ustawić preload dla konkretnych zasobów,
  • zoptymalizować fonty,
  • zmniejszyć DOM,
  • poprawić sposób generowania komponentów,
  • skonfigurować cache na poziomie serwera,
  • skonfigurować CDN,
  • optymalizować obrazy przed przesłaniem do WordPressa.

W praktyce najlepszy rezultat często daje połączenie konfiguracji infrastruktury, lekkiego kodu i niewielkiej liczby dobrze dobranych rozszerzeń.

Najczęstsze błędy podczas optymalizacji WordPressa

  • instalowanie kilku pluginów cache jednocześnie,
  • włączanie wszystkich opcji optymalizacyjnych bez testów,
  • lazy loading obrazu LCP,
  • preloadowanie zbyt wielu zasobów,
  • optymalizacja tylko strony głównej,
  • usuwanie rekordów z bazy bez backupu,
  • ignorowanie wydajności mobilnej,
  • skupienie wyłącznie na wyniku PageSpeed 100/100,
  • ignorowanie danych rzeczywistych użytkowników,
  • minifikacja i łączenie wszystkiego bez testowania,
  • brak testów koszyka i checkoutu po optymalizacji WooCommerce,
  • pozostawianie nieużywanych pluginów,
  • ignorowanie problemów hostingu,
  • próba naprawienia słabego kodu wyłącznie pluginem cache.

Optymalizacja WordPress krok po kroku – kolejność działań

Jeżeli strona działa wolno, warto optymalizować ją według priorytetów zamiast wykonywać przypadkowe zmiany.

Etap Co sprawdzić? Priorytet
1 PageSpeed, Core Web Vitals, TTFB i waterfall Bardzo wysoki
2 Hosting, PHP i zasoby serwera Bardzo wysoki
3 Page cache i OPcache Bardzo wysoki
4 Obrazy i element LCP Wysoki
5 CSS i JavaScript Wysoki
6 Wtyczki i motyw Wysoki
7 Baza danych i autoload Średni / wysoki
8 Persistent object cache Zależny od projektu
9 CDN Zależny od ruchu
10 Ponowny pomiar i testy regresji Bardzo wysoki

Checklista – jak przyspieszyć WordPress?

  • Zmierz PageSpeed i Core Web Vitals.
  • Sprawdź TTFB.
  • Przeanalizuj waterfall requestów.
  • Sprawdź wydajność hostingu.
  • Korzystaj z aktualnego PHP.
  • Włącz OPcache.
  • Włącz page cache.
  • Skonfiguruj browser cache.
  • Rozważ Redis lub Memcached.
  • Skompresuj obrazy.
  • Używaj WebP lub AVIF.
  • Nie stosuj lazy loading do obrazu LCP.
  • Usuń zbędny JavaScript.
  • Usuń nieużywany CSS.
  • Ogranicz zewnętrzne skrypty.
  • Zoptymalizuj fonty.
  • Usuń zbędne wtyczki.
  • Sprawdź ciężkie pluginy przez Query Monitor.
  • Przeanalizuj wp_options i autoload.
  • Usuń zbędne dane z bazy po wykonaniu backupu.
  • Sprawdź WP-Cron.
  • Rozważ CDN.
  • Przetestuj mobile i desktop.
  • Sprawdź wszystkie najważniejsze typy podstron.
  • Po zmianach ponownie wykonaj pomiary.

Powiązane usługi i poradniki Craftis

Optymalizacja szybkości WordPressa powinna być częścią szerszego procesu utrzymania i rozwoju strony. Wydajność jest powiązana z jakością kodu, hostingiem, SEO, UX, bezpieczeństwem oraz sposobem rozwijania serwisu.

FAQ – jak przyspieszyć WordPress?

Jak przyspieszyć WordPress?

Aby przyspieszyć WordPress, zacznij od pomiaru TTFB i Core Web Vitals. Następnie sprawdź hosting, włącz page cache i OPcache, zoptymalizuj obrazy, CSS i JavaScript, usuń zbędne wtyczki oraz przeanalizuj bazę danych. W większych serwisach warto dodatkowo rozważyć Redis lub Memcached oraz CDN.

Dlaczego moja strona WordPress wolno się ładuje?

Najczęstsze przyczyny to wolny hosting, brak cache, ciężki motyw, zbyt duże obrazy, duża ilość JavaScriptu, niepotrzebne wtyczki, wolne zapytania SQL, duży autoload oraz zewnętrzne skrypty marketingowe.

Jaka wtyczka najlepiej przyspiesza WordPress?

Nie ma jednej najlepszej wtyczki dla każdego środowiska. Na serwerach LiteSpeed popularnym rozwiązaniem jest LiteSpeed Cache. W innych środowiskach stosuje się między innymi WP Rocket, W3 Total Cache, WP Super Cache albo cache realizowany bezpośrednio przez hosting. Plugin powinien być dopasowany do konfiguracji serwera.

Czy LiteSpeed Cache przyspiesza WordPress?

Tak, szczególnie gdy strona działa na serwerze LiteSpeed i może korzystać z mechanizmu page cache na poziomie serwera. Wtyczka oferuje również dodatkowe funkcje optymalizacji zasobów i obrazów. Musi jednak zostać poprawnie skonfigurowana.

Czy Redis przyspiesza WordPress?

Redis może przyspieszyć serwis jako persistent object cache, ponieważ pozwala przechowywać wybrane dane między requestami i ograniczać powtarzalne operacje na bazie. Największe korzyści są zwykle widoczne w dynamicznych i rozbudowanych serwisach, np. WooCommerce.

Czy CDN przyspieszy WordPress?

CDN może skrócić czas dostarczania zasobów, szczególnie gdy użytkownicy znajdują się daleko od serwera origin. Może również zmniejszyć obciążenie serwera. Dla małej lokalnej strony CDN nie zawsze jest jednak pierwszą optymalizacją, którą należy wdrożyć.

Jak przyspieszyć WordPress bez wtyczek?

Można zoptymalizować kod motywu, usunąć zbędny CSS i JavaScript, poprawić zapytania do bazy, zoptymalizować fonty i obrazy, skonfigurować cache po stronie serwera oraz ograniczyć zewnętrzne skrypty. W dedykowanych wdrożeniach wiele optymalizacji nie wymaga osobnego pluginu.

Jak poprawić PageSpeed WordPress?

Najpierw należy sprawdzić, które elementy obniżają wynik. Najczęściej są to wysoki TTFB, duże obrazy, render-blocking resources, nieużywany CSS, nadmiar JavaScriptu i skrypty zewnętrzne. Optymalizacja powinna wynikać z pomiarów, a nie z przypadkowego włączania funkcji pluginu.

Czy wynik 100 w PageSpeed jest konieczny?

Nie. Ważniejsze jest szybkie i stabilne działanie strony dla rzeczywistych użytkowników oraz dobre Core Web Vitals. Wynik Lighthouse jest przydatnym narzędziem diagnostycznym, ale nie powinien być jedynym celem projektu.

Jak przyspieszyć WooCommerce?

W WooCommerce należy zoptymalizować hosting, cache, bazę danych, zdjęcia produktów, liczbę rozszerzeń i skrypty front-endowe. W większych sklepach warto rozważyć persistent object cache. Trzeba również pamiętać, że koszyk, checkout i konto klienta wymagają innego podejścia do cache niż statyczne podstrony.

Czy duża liczba wtyczek spowalnia WordPress?

Nie sama liczba jest problemem, lecz sposób działania rozszerzeń. Jeden źle napisany plugin może powodować większe obciążenie niż kilka lekkich. Warto analizować zapytania SQL, skrypty, zadania cron i zewnętrzne requesty generowane przez konkretne wtyczki.

Czy usunięcie nieaktywnych wtyczek przyspieszy WordPress?

Nieaktywna wtyczka zwykle nie wykonuje standardowej logiki podczas generowania front-endu, więc samo jej usunięcie nie musi zauważalnie poprawić czasu ładowania. Warto jednak usuwać nieużywane rozszerzenia ze względów porządkowych i bezpieczeństwa oraz sprawdzić, czy nie pozostawiły zbędnych danych w bazie.

Czy optymalizacja bazy danych przyspiesza WordPress?

Może, szczególnie w starszych i rozbudowanych serwisach. Największe znaczenie ma identyfikacja rzeczywistych problemów: wolnych zapytań, nadmiernego autoload, dużych tabel, starych danych pluginów i innych elementów obciążających bazę.

Co to jest TTFB w WordPressie?

TTFB, czyli Time to First Byte, określa czas oczekiwania na pierwszy bajt odpowiedzi serwera. Wysoki TTFB może wynikać z wolnego hostingu, braku cache, kosztownych zapytań do bazy, ciężkich wtyczek albo zewnętrznych requestów wykonywanych podczas generowania strony.

Co to jest LCP?

LCP – Largest Contentful Paint – mierzy czas renderowania największego istotnego elementu widocznego w viewport. Dobry wynik Core Web Vitals dla LCP wynosi maksymalnie 2,5 sekundy.

Co to jest INP?

INP – Interaction to Next Paint – mierzy responsywność strony na interakcje użytkownika. Dobry wynik wynosi maksymalnie 200 ms. W WordPressie problemy z INP często są związane z nadmiarem JavaScriptu.

Co to jest CLS?

CLS – Cumulative Layout Shift – mierzy nieoczekiwane przesunięcia elementów strony. Dobry wynik wynosi maksymalnie 0,1. CLS można poprawić między innymi przez rezerwowanie miejsca dla obrazów, embedów i dynamicznych komponentów.

Czy szybkość WordPressa wpływa na SEO?

Wydajność jest częścią jakości technicznej serwisu i wpływa na doświadczenia użytkowników. Nie zastępuje jednak treści, architektury informacji, linkowania i pozostałych elementów SEO. Najlepszy efekt daje połączenie szybkiej strony z kompleksową optymalizacją.

Czy szybkość strony ma znaczenie dla AI Search?

Szybkość jest elementem jakości technicznej, ale nie należy traktować jej jako samodzielnego czynnika gwarantującego obecność w odpowiedziach AI. Dla GEO kluczowe są również jednoznaczne informacje, semantyczna struktura, wiarygodność, eksperckość, spójność tematyczna i dostępność treści.

Ile trwa optymalizacja WordPressa?

Proste problemy, takie jak brak cache czy zbyt duże obrazy, można naprawić stosunkowo szybko. Kompleksowa optymalizacja serwisu z problemami w bazie danych, kodzie motywu, wtyczkach i Core Web Vitals może wymagać znacznie bardziej rozbudowanego audytu i prac programistycznych.

Czy można przyspieszyć istniejącą stronę WordPress bez jej przebudowy?

W wielu przypadkach tak. Można poprawić hosting, cache, obrazy, bazę danych, CSS, JavaScript, fonty i konfigurację wtyczek bez budowania całej strony od nowa. Przebudowa ma sens wtedy, gdy głównym źródłem problemów jest architektura motywu lub zastosowana technologia.

Autor artykułu

Artykuł został przygotowany przez zespół Craftis zajmujący się tworzeniem i optymalizacją stron WordPress oraz sklepów WooCommerce. W realizowanych projektach pracujemy między innymi nad wydajnością PHP, cache, optymalizacją front-endu, bazami danych, Core Web Vitals, dedykowanymi motywami WordPress oraz technicznym SEO i GEO.

Podsumowanie – jak skutecznie przyspieszyć WordPress?

Skuteczna optymalizacja WordPressa wymaga pracy na kilku warstwach jednocześnie. Najpierw trzeba zmierzyć wydajność i zidentyfikować wąskie gardło, a dopiero później wdrażać konkretne rozwiązania.

W większości projektów warto rozpocząć od hostingu, PHP, OPcache i page cache. Następnie należy zoptymalizować obrazy, JavaScript, CSS i fonty, przeanalizować wtyczki oraz bazę danych. W większych serwisach dodatkową poprawę może zapewnić Redis lub Memcached, odpowiednia konfiguracja WP-Cron i CDN.

Nie warto natomiast obsesyjnie dążyć do wyniku 100/100 w PageSpeed kosztem funkcjonalności strony. Celem powinna być szybka, stabilna i responsywna witryna, która dobrze działa dla rzeczywistych użytkowników, osiąga dobre Core Web Vitals i wspiera SEO, GEO oraz konwersję.

Jeżeli dopiero tworzysz stronę, wydajność najlepiej zaplanować już podczas developmentu. Lekki dedykowany motyw, kontrolowana liczba wtyczek, odpowiednia architektura front-endu i dobry hosting pozwalają uniknąć wielu problemów, które później trzeba naprawiać za pomocą kolejnych pluginów.

Jeżeli Twój WordPress lub WooCommerce działa wolno albo planujesz nowy szybki serwis, opisz projekt i otrzymaj darmową wycenę.

Bezpłatna wycena

Gotowy na stronę, która wyróżni Twój biznes?

Opowiedz nam o swoim projekcie, a my przygotujemy darmową wycenę dopasowaną do Twoich celów - bez zobowiązań.

Bezpłatna wycena Odpowiedź w 24 h Bez zobowiązań