Jak przyspieszyć wolną stronę na WordPressie

Jak przyspieszyć stronę WordPress, krótka odpowiedź

Wolna strona na WordPressie jest najczęściej efektem czterech problemów: za słabego hostingu, za ciężkich lub za dużo obrazków, braku cache i zbyt wielu przeciążonych wtyczek. Każdy z tych problemów da się naprawić bez przepisywania strony od nowa. W praktyce największy efekt daje zmiana hostingu na szybki VPS, kompresja obrazków do formatu WebP i włączenie dobrej wtyczki do cache. Resztę optymalizacji robi się etapami.

Ten artykuł jest dla właściciela firmy lub osoby odpowiedzialnej za stronę na WordPressie, który widzi słabe wyniki w Google PageSpeed Insights lub słyszy od klientów, że strona ładuje się za długo. Opisujemy działania od najbardziej do najmniej wpływowych, żebyś wiedział, od czego zacząć.

Dlaczego szybkość strony ma znaczenie dla SEO i klientów

Szybkość ładowania to jeden z potwierdzonych czynników rankingowych Google. Core Web Vitals, czyli wskaźniki LCP, INP i CLS, są oceniane przez algorytm od 2021 roku. Strona z dobrymi wynikami ma realną przewagę nad wolniejszą konkurencją, zwłaszcza gdy jakość treści i profil linków są zbliżone.

Drugą stroną medalu jest zachowanie użytkowników. Wolna strona kończy się wyższym wskaźnikiem odrzuceń i mniejszą liczbą zapytań. Użytkownik mobilny, który czeka dłużej niż trzy sekundy na załadowanie strony, w dużej części przypadków po prostu ją zamyka.

Strony z pierwszych trzech pozycji organicznych zgarniają łącznie ponad połowę kliknięć na daną frazę (Backlinko, Google CTR Stats). Szybkość strony nie jest jedynym czynnikiem, ale jest jednym z niewielu, na które masz bezpośredni wpływ i które da się poprawić stosunkowo szybko. Więcej o tym, jak szybkość przekłada się na wyniki SEO, znajdziesz w artykule o Core Web Vitals i pozycjonowaniu.

Krok 1: Sprawdź, gdzie jest problem

Zanim zaczniesz cokolwiek zmieniać, zmierz aktualny stan. Bez punktu wyjścia nie wiesz, co naprawić i czy zmiany przyniosły efekt.

Podstawowe narzędzia do sprawdzenia szybkości:

• Google PageSpeed Insights to najprostszy punkt wyjścia. Wklej adres strony i zobaczysz wyniki dla wersji mobilnej i desktopowej, listę problemów i sugestie naprawy. Ważny wskaźnik to TTFB (Time to First Byte), który mówi, jak długo serwer potrzebuje na odpowiedź.
• Google Search Console pokazuje dane terenowe z Twojego ruchu. Raport Core Web Vitals w lewym menu dzieli adresy URL na dobre, wymagające poprawy i słabe. To dane z rzeczywistych odwiedzin, a nie symulacja.
• GTmetrix daje szczegółowy waterfall ładowania, czyli wykres kolejności pobierania wszystkich zasobów. Przydatny do diagnozowania, który zasób blokuje wyświetlanie.

Szczegółowy przewodnik po tym, jak interpretować wyniki testów szybkości i co konkretnie zrobić z każdym raportem, znajdziesz w artykule jak sprawdzić szybkość strony i co z wynikiem zrobić.

Krok 2: Hosting to fundament, nie szczegół

Hosting jest przyczyną numer jeden wolnych stron na WordPress i jednocześnie czymś, o czym wiele osób nie myśli po pierwszym ustawieniu strony. Jeśli TTFB Twojej strony przekracza 400 do 500 ms, żadna wtyczka do cache ani optymalizacja obrazków nie da dobrego wyniku LCP. Serwer musi najpierw odpowiedzieć, zanim przeglądarka w ogóle zacznie pobierać zasoby.

Hosting współdzielony z najtańszych pakietów często generuje TTFB rzędu 600 ms do ponad sekundy. Na takim serwerze Twoja strona dzieli zasoby z setkami lub tysiącami innych stron jednocześnie. W godzinach szczytu czas odpowiedzi rośnie jeszcze bardziej.

Szukaj hostingu z serwerem w Polsce lub Niemczech, jeśli Twoi klienci są w Polsce. Czas odpowiedzi jest krótszy, gdy serwer jest geograficznie bliżej użytkownika. Dobry VPS lub hosting zarządzany pod WordPress to często największa pojedyncza inwestycja w wydajność, która daje widoczny efekt we wszystkich pozostałych wskaźnikach.

Krok 3: Obrazki to główna przyczyna ciężkiej strony

Na typowej stronie firmowej obrazki stanowią 60 do 80 procent całkowitego rozmiaru pobieranych danych. Niezoptymalizowane zdjęcia to najczęstszy powód, dla którego strona mimo dobrego hostingu i cache ładuje się za długo.

Format WebP zamiast JPEG i PNG

WebP to format obrazkowy, który przy podobnej jakości wizualnej generuje pliki o 25 do 35 procent mniejsze niż JPEG i o połowę mniejsze niż PNG. Wszystkie nowoczesne przeglądarki go obsługują. Na WordPress konwersję do WebP automatyzują wtyczki takie jak Imagify, ShortPixel lub Smush. Wystarczy zainstalować jedną z nich i ustawić automatyczne konwertowanie nowych i istniejących plików.

Rozmiary obrazków dopasowane do wyświetlania

Wgrywanie zdjęcia o szerokości 3000 pikseli na stronę, która wyświetla je na 800 pikselach, oznacza pobieranie kilkakrotnie większego pliku bez żadnego efektu wizualnego. WordPress generuje kilka rozmiarów obrazka automatycznie i używa atrybutu srcset, żeby serwować odpowiedni rozmiar zależnie od urządzenia. Upewnij się, że Twój motyw obsługuje ten mechanizm i nie nadpisuje go własnym kodem.

Lazy loading dla obrazków poniżej linii zgięcia

Opóźnione ładowanie obrazków sprawia, że przeglądarka wczytuje tylko te elementy, które są widoczne na ekranie w danym momencie. Reszta ładuje się w tle, gdy użytkownik przewija stronę w dół. W WordPress lazy loading jest wbudowany w rdzeń systemu od wersji 5.5 i dodawany automatycznie do znaczników <img>. Sprawdź w kodzie źródłowym strony, czy atrybut loading="lazy" pojawia się na obrazkach poniżej pierwszego ekranu.

Krok 4: Cache, czyli strona bez generowania przy każdej wizycie

WordPress domyślnie generuje każdą podstronę od nowa przy każdej wizycie. Uruchamia PHP, wysyła zapytania do bazy danych i składa HTML przed wysłaniem go do przeglądarki. Na stronie z umiarkowanym ruchem i wolnym hostingiem to wyraźne spowolnienie.

Cache zapisuje gotowy plik HTML na dysku serwera i serwuje go bezpośrednio bez uruchamiania PHP i bazy danych. Dobra konfiguracja cache może skrócić TTFB z ponad sekundy do poniżej 100 ms.

Na WordPress dostępne są trzy główne typy cache:

• Cache stron to zapis gotowego HTML. Najważniejszy typ. Dostępny przez WP Super Cache (darmowy), WP Rocket (płatny) lub LiteSpeed Cache (darmowy, wymaga serwera LiteSpeed).
• Cache obiektów zapisuje wyniki zapytań do bazy danych w pamięci RAM serwera. Przydatny na stronach z dużą ilością treści dynamicznych. Wymaga konfiguracji po stronie serwera (Redis lub Memcached).
• Cache przeglądarki każe przeglądarce użytkownika przechowywać statyczne zasoby (CSS, JS, obrazki) lokalnie. Przy kolejnych wizytach strona ładuje się szybciej, bo nie trzeba pobierać zasobów ponownie.

Krok 5: Wtyczki, które spowalniają stronę

Każda aktywna wtyczka wczytuje swój kod przy każdym odświeżeniu strony. Kilka dobrze dobranych wtyczek nie stanowi problemu. Problem zaczyna się przy kilkunastu lub kilkudziesięciu zainstalowanych bez planu i przeglądania.

Kategorie wtyczek, które najczęściej obciążają stronę:

• Page buildery z dużą ilością kodu. Divi, Elementor i WPBakery ładują dziesiątki plików CSS i JavaScript na każdej podstronie, nawet jeśli dany element nie jest tam używany. Na stronie firmowej zbudowanej w edytorze blokowym Gutenberg z lekkim motywem wyniki szybkości są wyraźnie lepsze.
• Wtyczki do sliderów i galerii. Slider Revolution i podobne pobierają duże biblioteki JavaScript. Statyczny obrazek nagłówkowy ładuje się szybciej i nie zmniejsza konwersji.
• Widgety social media z automatycznym ładowaniem. Wtyczki ładujące feed z Facebooka lub Instagrama pobierają zasoby z zewnętrznych serwerów przy każdym odświeżeniu. Prosty link do profilu robi to samo dla użytkownika bez obciążenia strony.
• Zdublowane funkcje. Dwie wtyczki SEO, dwie do formularzy lub dwie do kopii zapasowej to typowy efekt zmian bez porządkowania. Każda ładuje swój kod, część wchodzi w konflikty.

Więcej o tym, które wtyczki są niezbędne, a które szkodzą stronie, opisujemy w artykule wtyczki WordPress, niezbędne i te spowalniające.

Krok 6: Motyw, który nie dokłada kodu bez potrzeby

Motyw WordPress to drugi po hostingu fundament wydajności. Lekkie motywy takie jak GeneratePress, Astra i Kadence startują z minimalnym narzutem kodu i wczytują zasoby tylko tam, gdzie są potrzebne. Ciężkie motywy bundled z Elementorem lub innymi page builderami generują wiele kilobajtów CSS i JavaScript na każdej podstronie, niezależnie od tego, czy dana funkcja jest na niej używana.

Zmiana motywu to bardziej radykalny krok niż instalacja wtyczki do cache, ale czasem konieczny, zwłaszcza przy starszych stronach zbudowanych na pełnoekranowych motywach z wbudowanym sliderem, animacjami i dziesiątkami wbudowanych shortcode. Jeśli PageSpeed Insights wskazuje duże blokujące zasoby CSS lub JavaScript bez możliwości ich wyłączenia przez wtyczkę, warto ocenić, czy zmiana motywu nie byłaby efektywniejsza niż dalsze optymalizowanie obecnego.

Krok 7: CDN i minifikacja zasobów

CDN (Content Delivery Network) to sieć serwerów rozmieszczonych geograficznie, która serwuje statyczne zasoby strony z lokalizacji bliskiej użytkownikowi. Zamiast pobierać obraz z jednego serwera w Niemczech, użytkownik z Krakowa pobiera go z serwera CDN w Polsce lub w pobliżu. Skraca to czas pobierania o kilkadziesiąt milisekund, co przy łącznym czasie ładowania kilku sekund ma realne znaczenie.

Cloudflare w darmowym planie daje podstawowy CDN i ochronę przed atakami DDoS. Dla stron firmowych z ruchem krajowym jest to zazwyczaj wystarczające. Wyższe plany Cloudflare lub dedykowane sieci CDN jak BunnyCDN lub KeyCDN przydają się przy wyższym ruchu lub zasobach multimedialnych.

Minifikacja polega na usunięciu z plików CSS i JavaScript zbędnych spacji, komentarzy i znaków nowej linii bez zmiany działania kodu. Zmniejsza rozmiar plików o kilka do kilkunastu procent. WP Rocket, LiteSpeed Cache i W3 Total Cache mają tę opcję wbudowaną. Przy włączaniu minifikacji JavaScriptu na stronach z Elementorem lub innymi page builderami warto testować etapami, bo agresywna minifikacja może powodować błędy wizualne lub funkcjonalne.

Kolejność działań: od czego zacząć

Poniżej praktyczna lista kroków dla właściciela strony WordPress, uszeregowana według wpływu na wyniki.

Szybka strona to fundament dobrego SEO, ale sama w sobie nie wystarczy do wysokich pozycji. Kolejnym krokiem jest optymalizacja treści i budowa widoczności lokalnej. Jeśli prowadzisz firmę i zależy Ci na klientach z konkretnego miasta, sprawdź nasze usługi pozycjonowania stron lub artykuł o tym, jak wypozycjonować firmę lokalnie.

Przyspieszenie WordPress a Core Web Vitals: co mierzy Google

Trzy wskaźniki Core Web Vitals mierzą różne aspekty szybkości i użyteczności strony. Przy optymalizacji warto wiedzieć, który z nich jest problemem, żeby nie działać losowo.

LCP jest najważniejszy dla typowej strony firmowej i najczęściej wskazywany jako problem w PageSpeed Insights. INP rzadko sprawia kłopoty przy stronach z małą ilością JavaScript. CLS wynika głównie z braku atrybutów width i height na znacznikach obrazków lub z czcionek ładowanych bez właściwości font-display: swap.

Szczegółowe omówienie każdego wskaźnika i konkretne działania naprawcze znajdziesz w artykule Core Web Vitals i jak je poprawić na WordPressie. Jeśli interesuje Cię szerszy kontekst SEO technicznego dla firmy lokalnej, zacznij od pozycjonowania w Warszawie lub Krakowie.