Spis treści
Wolna strona to nie problem estetyczny — to problem finansowy. Użytkownik mobilny porzuca stronę, która ładuje się dłużej niż kilka sekund, a Google od lat uwzględnia doświadczenie strony (w tym Core Web Vitals) przy układaniu wyników wyszukiwania. Dobra wiadomość: WordPress — wbrew opinii — potrafi być bardzo szybki. Zła: większość stron, które trafiają do nas na audyt, popełnia te same 5–6 błędów. Poniżej kompletny, praktyczny plan naprawy.
Czym są Core Web Vitals i jakie wyniki są „zielone”?
Core Web Vitals to trzy metryki, którymi Google mierzy realne doświadczenie użytkownika:
- LCP (Largest Contentful Paint) — jak szybko wyświetla się największy element strony (zwykle zdjęcie hero lub nagłówek). Cel: poniżej 2,5 s.
- INP (Interaction to Next Paint) — jak szybko strona reaguje na kliknięcia i dotknięcia; w marcu 2024 zastąpił wcześniejszą metrykę FID. Cel: poniżej 200 ms.
- CLS (Cumulative Layout Shift) — czy elementy „skaczą” podczas ładowania (znasz to: chcesz kliknąć przycisk, a on ucieka spod palca). Cel: poniżej 0,1.
Jak mierzyć — i dlaczego jeden test to za mało
Podstawowe narzędzie to PageSpeed Insights (pagespeed.web.dev). Zwróć uwagę na różnicę między dwiema sekcjami raportu:
- Dane z terenu (CrUX) — realne pomiary od użytkowników Chrome z ostatnich 28 dni. To na nie patrzy Google.
- Dane laboratoryjne (Lighthouse) — pojedynczy test symulowany. Przydatny do diagnozy, ale wynik „98/100″ w laboratorium nie oznacza jeszcze zielonych metryk w terenie.
Do tego: raport Podstawowe wskaźniki internetowe w Google Search Console (zbiorczy obraz całej witryny, nie jednej podstrony) oraz testy na prawdziwym, średnim telefonie — nie na flagowcu po światłowodzie.
6 najczęstszych przyczyn wolnego WordPressa
- Tani hosting współdzielony — serwer za 50 zł rocznie dzieli zasoby z setkami innych stron. Żadna optymalizacja tego nie nadrobi.
- Brak cache — WordPress bez pamięci podręcznej generuje każdą stronę od zera przy każdym wejściu.
- Nieoptymalizowane obrazy — zdjęcia 4000 px prosto z aparatu, w formacie JPG/PNG zamiast WebP, bez leniwego ładowania.
- Za dużo wtyczek — nie liczba sama w sobie, lecz kilka ciężkich: przestarzałe suwaki, wtyczki „wszystko w jednym”, duplikujące się funkcje.
- Skrypty zewnętrzne — czaty, piksele, mapy i widgety ładowane synchronicznie potrafią zamrozić stronę (to główny wróg INP).
- Motyw-kombajn — motywy z 40 demo i tysiącem opcji ładują kod wszystkich funkcji, nawet tych nieużywanych.
Plan naprawy krok po kroku
Krok 1: Fundament, czyli hosting
Przenieś stronę na hosting z serwerem LiteSpeed (lub nginx), dyskami NVMe, aktualnym PHP 8.2+ i codziennym backupem. W polskich realiach to wydatek rzędu 200–600 zł/rok — najtańsze przyspieszenie, jakie kupisz. Sama zmiana PHP ze starej wersji na aktualną potrafi zauważalnie skrócić czas odpowiedzi serwera (TTFB).
Krok 2: Cache i kompresja
Na serwerze LiteSpeed: wtyczka LiteSpeed Cache (bezpłatna, najskuteczniejsza w tym środowisku). Alternatywnie WP Rocket. Włącz cache stron, kompresję Brotli/GZIP i cache przeglądarki. Efekt widać natychmiast — z sekund robią się ułamki sekund.
Krok 3: Obrazy — największa szybka wygrana dla LCP
Konwersja do WebP, wymiary dopasowane do rzeczywistego wyświetlania, leniwe ładowanie (lazy loading) dla obrazów poza pierwszym ekranem — ale nigdy dla zdjęcia hero, które jest Twoim LCP; temu wręcz nadaj priorytet (fetchpriority="high"). Zadbaj też o atrybuty wymiarów width/height — to one zapobiegają skokom układu (CLS).
Krok 4: JavaScript i CSS pod kontrolą
Opóźnij (defer) skrypty, które nie są potrzebne od razu: czaty, analityka, piksele marketingowe. Wygeneruj krytyczny CSS dla pierwszego ekranu, resztę ładuj asynchronicznie. Usuń nieużywane biblioteki — częsty znalezisko z audytów: trzy wersje jQuery i suwak, którego nie ma już na żadnej podstronie.
Krok 5: Porządek we wtyczkach i bazie danych
Przejrzyj wtyczki: usuń nieużywane, zastąp ciężkie lżejszymi odpowiednikami, a proste funkcje (np. przekierowania) przenieś do konfiguracji serwera. Wyczyść bazę z rewizji wpisów, transientów i śmieci po odinstalowanych wtyczkach.
Krok 6 (opcjonalnie): CDN
Przy ruchu międzynarodowym lub kampaniach z dużym pikiem — CDN (np. Cloudflare) serwuje statyczne zasoby z serwera najbliższego użytkownikowi i dodatkowo odciąża hosting.
A co z Elementorem? Da się mieć builder i zielone wyniki
Krąży mit, że strony na Elementorze muszą być wolne. Nasza codzienna praktyka pokazuje co innego: WordPress + Elementor z wynikami Core Web Vitals 90+ to kwestia dyscypliny, nie technologii — dobry hosting, LiteSpeed Cache, WebP, wyłączone nieużywane moduły buildera i lekki motyw bazowy (np. Hello). Właśnie w tym standardzie budujemy strony internetowe naszych klientów, bo łączy szybkość z możliwością samodzielnej edycji treści.
Szybkość to proces, nie jednorazowy zryw
Każda aktualizacja wtyczki, nowy piksel marketingowy czy wgrane bez kompresji zdjęcie może cofnąć wyniki. Dlatego wydajność warto monitorować stale — w ramach administracji WWW pilnujemy aktualizacji, kopii zapasowych i metryk, zanim klienci zauważą problem. A jeśli chcesz najpierw poznać stan swojej strony: zamów bezpłatny audyt SEO & UX — dostaniesz konkretną listę problemów z priorytetami, nie ogólniki.
FAQ — szybkość strony i Core Web Vitals
Czy Core Web Vitals naprawdę wpływają na pozycje w Google?
Tak — doświadczenie strony jest jednym z sygnałów rankingowych. Nie zastąpi dobrej treści, ale przy porównywalnych stronach szybkość potrafi przeważyć. Co ważniejsze: wpływa wprost na konwersję, więc opłaca się niezależnie od SEO (o pozostałych czynnikach piszemy w artykule o czasie efektów pozycjonowania).
Jaki wynik PageSpeed Insights jest „wystarczający”?
Nie fetyszyzuj liczby 100/100. Celuj w zielone wartości metryk w danych z terenu: LCP < 2,5 s, INP < 200 ms, CLS < 0,1 — na urządzeniach mobilnych. To one liczą się dla Google i użytkowników.
Ile kosztuje przyspieszenie strony WordPress?
Jednorazowa optymalizacja istniejącej strony to zwykle 500–2 500 zł, zależnie od skali problemów. Czasem jednak taniej i lepiej wychodzi przebudowa — jeśli motyw i wtyczki są nie do uratowania, mówimy to wprost po audycie.
Która wtyczka cache jest najlepsza?
Na hostingu LiteSpeed — LiteSpeed Cache (darmowa i najgłębiej zintegrowana z serwerem). Na innych serwerach dobrze sprawdza się WP Rocket. Ważne: jedna wtyczka cache, nigdy dwie naraz.
Autor: Adrian Kamiński — Websky Studio. Budujemy i optymalizujemy strony WordPress z zielonymi Core Web Vitals — projektant i developer w jednej osobie.
Twoja opinia
Czy ten artykuł był pomocny?
Jedno kliknięcie — pomaga mi wybierać kolejne tematy.
