Jak przyspieszyć stronę WordPress: kolejność, która naprawdę działa

Krótka odpowiedź: Stronę na WordPressie przyspiesza się w tej kolejności: zdjęcia (skompresowane, w formacie WebP, o właściwych wymiarach), cache strony, mniej wtyczek, lżejszy motyw i dopiero na końcu lepszy hosting. W typowej stronie firmowej za wolne ładowanie odpowiadają przede wszystkim nieprzeskalowane zdjęcia wgrane prosto z aparatu i kilkanaście wtyczek doładowujących własne skrypty na każdej podstronie. Poprawa tych dwóch rzeczy zwykle skraca czas ładowania o połowę i zajmuje jedno popołudnie.

Zacznijmy od tego, dlaczego w ogóle warto: Google od dawna używa szybkości jako czynnika rankingowego, ale realnie bardziej boli druga strona. Klient, który czeka pięć sekund na Twój cennik, wraca do wyników i klika w konkurencję. Nie zobaczysz tego w żadnym raporcie, bo ta osoba nigdy nie trafiła na Twój formularz. Szerzej piszę o tym w tekście o tym, jak szybkość strony wpływa na Google.

Jak przyspieszyć stronę WordPress: od czego zacząć

Najpierw zmierz, zamiast zgadywać. Wpisz adres strony w PageSpeed Insights i patrz na wynik dla urządzeń mobilnych, nie dla komputera, bo większość Twoich klientów wchodzi z telefonu. Narzędzie wypisze konkretne pozycje: obrazy do przeskalowania, zasoby blokujące renderowanie, czas odpowiedzi serwera. To jest Twoja lista zadań, posortowana według tego, ile faktycznie kosztuje Cię każda pozycja.

Prawie zawsze wychodzi ta sama trójka: obrazy, skrypty wtyczek, czas odpowiedzi serwera. I prawie zawsze w tej samej proporcji, czyli obrazy odpowiadają za większość problemu.

Zdjęcia: największy zysk najmniejszym kosztem

To jest ten punkt, w którym większość stron wygrywa albo przegrywa. Właściciel firmy wgrywa zdjęcie prosto z telefonu: 4000 pikseli szerokości, 6 MB. WordPress pokaże je w kontenerze szerokim na 800 pikseli, ale przeglądarka klienta i tak pobierze cały plik. Dziesięć takich zdjęć w galerii realizacji to 60 MB do pobrania przez telefon w zasięgu LTE. Stąd biorą się strony ładujące się osiem sekund.

Trzy rzeczy do zrobienia. Przeskaluj zdjęcia przed wgraniem: do galerii wystarczy 1600 pikseli szerokości, do zdjęcia w treści zwykle 1000. Skompresuj je, bo między jakością 100 a 80 nie zobaczysz różnicy, a plik chudnie o dwie trzecie. Konwertuj do formatu WebP, który przy tej samej jakości waży zauważalnie mniej niż JPEG i jest obsługiwany przez wszystkie aktualne przeglądarki. Dobra wtyczka do optymalizacji obrazów zrobi kompresję i konwersję automatycznie przy wgrywaniu, ale przeskalowanie i tak warto mieć pod kontrolą.

Do tego włącz leniwe ładowanie (lazy loading), żeby zdjęcia z dołu strony pobierały się dopiero, gdy użytkownik do nich doscrolluje. WordPress robi to domyślnie od kilku lat, ale niektóre motywy i buildery to psują, więc sprawdź.

Cache: dlaczego to działa

Bez cache WordPress przy każdym wejściu buduje stronę od zera: uruchamia PHP, odpytuje bazę danych, składa szablon, i dopiero wtedy wysyła HTML. Przy stronie firmowej, której treść zmienia się raz na kwartał, to jest praca wykonywana tysiąc razy dziennie po to, żeby wyprodukować dokładnie ten sam wynik.

Cache strony zapisuje gotowy HTML i podaje go kolejnym odwiedzającym bez uruchamiania PHP i bazy. Efekt jest natychmiastowy: czas odpowiedzi serwera spada z setek milisekund do kilkudziesięciu. Wystarczy jedna wtyczka cache (nie trzy naraz, bo zaczną sobie przeszkadzać), włączona z domyślnymi ustawieniami. Do tego minifikacja CSS i JS, czyli usunięcie spacji i komentarzy z plików, oraz łączenie plików tam, gdzie to nie psuje wyglądu. Po każdej takiej zmianie obejrzyj stronę w trybie prywatnym, bo agresywna minifikacja potrafi rozjechać layout.

Wtyczki: ile ich naprawdę potrzebujesz

Typowa strona firmowa ma kilkanaście wtyczek, z których realnie używa czterech. Każda z pozostałych doładowuje swój CSS i JavaScript na każdej podstronie, także tam, gdzie w ogóle nie jest potrzebna. Formularz kontaktowy ładuje swoje skrypty na blogu, wtyczka galerii na stronie kontaktowej, a licznik odwiedzin, którego nikt nie oglądał od 2019 roku, wszędzie.

Zrób przegląd listy i zadaj przy każdej jedno pytanie: co się stanie, jeśli ją wyłączę. Jeśli nie umiesz odpowiedzieć, prawdopodobnie nic. Usuwaj, nie tylko dezaktywuj, i rób to pojedynczo, sprawdzając stronę po każdej.

Motyw i builder: cicha przyczyna

Uniwersalny motyw obiecujący 60 wariantów strony musi wozić kod do wszystkich 60, także wtedy, gdy używasz jednego. To samo z wizualnymi builderami: wygoda przeciągania sekcji jest opłacona warstwami zagnieżdżonych divów i dodatkowym CSS. Na stronie z pięcioma podstronami to jest cena płacona codziennie za wygodę wykorzystaną raz, przy budowie.

Zmiana motywu na gotowej stronie jest kosztowna, bo trzeba poskładać treść od nowa, więc traktuj to jako decyzję przy następnej przebudowie, a nie jako weekendowy projekt. Jeśli jednak strona ma kilka lat, jest wolna i i tak wygląda przestarzale, sensowniej jest zrobić modernizację strony internetowej niż optymalizować coś, co za rok wyrzucisz.

Hosting: kiedy to naprawdę jest wina serwera

Właściciele stron zaczynają od obwiniania hostingu, a powinni skończyć. Serwer odpowiada zwykle za pół sekundy do dwóch sekund różnicy, czyli mniej niż zdjęcia. Ale gdy podstawy są już zrobione, ta różnica jest odczuwalna i nie da się jej obejść żadną wtyczką.

Na co patrzeć: aktualna wersja PHP (nowsze wersje są istotnie szybsze od tych sprzed kilku lat i sama zmiana bywa darmowym przyspieszeniem), dysk SSD lub NVMe, serwer w Polsce, jeśli Twoi klienci są w Polsce, oraz brak przeładowania konta setkami cudzych stron. Najtańsze plany współdzielone potrafią być wolne nie dlatego, że sprzęt jest słaby, tylko dlatego, że stoi na nim za dużo stron naraz. Jeśli po optymalizacji zdjęć i włączeniu cache czas odpowiedzi serwera dalej przekracza pół sekundy, to jest moment, żeby przenieść stronę na mocniejszy serwer, bo dalsze optymalizowanie po stronie samej strony nic już nie da.

Ile realnie da się zyskać

Na przeciętnej stronie firmowej na WordPressie kolejność zysków wygląda tak. Zdjęcia: z ośmiu sekund robi się cztery. Cache: z czterech robi się trzy. Sprzątanie wtyczek i usunięcie slidera: z trzech robi się dwie. Lepszy hosting z aktualnym PHP: schodzisz w okolice półtorej sekundy. Dalsze schodzenie wymaga już przebudowy strony i zwykle nie zwraca się w leadach.

Celuj w załadowanie treści poniżej dwóch i pół sekundy na telefonie. To jest próg, przy którym przestajesz tracić ludzi na czekaniu, i próg, który Google traktuje jako dobry wynik. Pogoń za setką w PageSpeed jest hobby, nie biznesem: strona z wynikiem 75, która ładuje się w dwie sekundy i ma czytelny cennik, zarabia więcej niż strona z wynikiem 99 bez oferty.

Czy szybka strona sama przyniesie klientów

Nie. Szybkość usuwa przeszkodę, ale nie tworzy popytu. Strona ładująca się błyskawicznie, na którą nikt nie wchodzi, jest po prostu szybko niewidoczna. Kolejność jest taka: najpierw strona ma być znaleziona (widoczność w Google i profil firmy), potem ma się szybko otworzyć, a potem ma mieć na sobie coś, co skłoni do kontaktu. Jeśli jesteś na etapie pierwszym, więcej zyskasz, czytając o tym, jak zwiększyć ruch na stronie internetowej, niż wyciskając kolejne 5 punktów z PageSpeed.

A jeśli po tej liście okazuje się, że strona jest wolna, przestarzała i przy każdej zmianie coś się psuje, rachunek zwykle wychodzi inaczej, niż się spodziewasz. Nowa, lekka strona firmowa w stałej cenie od 1 490 zł bywa tańsza niż kolejny rok łatania starej. Zobacz, ile kosztuje strona internetowa, i porównaj to z czasem, który już na to poszedł.