Google oficjalnie potwierdziło: szybkość strony jest czynnikiem rankingowym. Ale to nie tylko kwestia pozycji w wyszukiwarce — wolna strona dosłownie kosztuje Cię pieniądze. Amazon wyliczył, że każde 100ms opóźnienia ładowania strony kosztuje ich 1% sprzedaży. Dla Twojej firmy proporcje mogą być podobne.
Czym są Core Web Vitals?
Core Web Vitals (CWV) to zestaw trzech wskaźników wydajnościowych wprowadzonych przez Google jako oficjalne sygnały rankingowe w 2021 roku. Mierzą realne doświadczenie użytkownika, a nie tylko techniczne parametry serwera:
- LCP (Largest Contentful Paint) — jak szybko ładuje się największy widoczny element strony (hero image, nagłówek H1). Cel: poniżej 2.5 sekundy.
- INP (Interaction to Next Paint) — jak szybko strona reaguje na kliknięcia i interakcje. Zastąpił FID w 2024 roku. Cel: poniżej 200ms.
- CLS (Cumulative Layout Shift) — czy elementy strony "skaczą" podczas ładowania (nagłówki, przyciski, obrazy zmieniające pozycję). Cel: poniżej 0.1.
Jak sprawdzić Core Web Vitals swojej strony?
Google udostępnia kilka bezpłatnych narzędzi:
- PageSpeed Insights (pagespeed.web.dev) — najważniejsze narzędzie. Pokazuje CWV z danych rzeczywistych użytkowników (CrUX) i wynik laboratoryjny z sugestiami poprawek.
- Google Search Console → Podstawowe wskaźniki wygody użytkowania — pokazuje które URL-e mają problem w skali całej strony.
- Chrome DevTools → Lighthouse — do testowania lokalnego, podczas developmentu.
LCP — jak poprawić czas ładowania głównego elementu?
LCP jest najczęściej problematycznym wskaźnikiem dla stron WordPress. Główne przyczyny słabego LCP:
- Ciężkie obrazy bez kompresji — zdjęcia PNG/JPEG powyżej 200KB w sekcji hero to najczęstsza przyczyna. Konwertuj na WebP (oszczędność 30–50% rozmiaru).
- Brak preloadu hero image — przeglądarka odkrywa obraz za późno. Dodaj <link rel="preload"> dla głównego obrazu.
- Wolny hosting / TTFB powyżej 600ms — jeśli serwer odpowiada wolno, nawet zoptymalizowana strona będzie miała słaby LCP. Rozważ hosting z SSD i PHP 8.x.
- Render-blocking JavaScript — skrypty ładowane synchronicznie blokują renderowanie. Używaj atrybutu defer lub async.
INP — responsywność na interakcje
INP zastąpił FID w marcu 2024 i jest trudniejszy do spełnienia. Mierzy czas od kliknięcia do widocznej reakcji interfejsu przez cały czas wizyty użytkownika, nie tylko przy pierwszej interakcji.
Główne przyczyny złego INP:
- Ciężkie wtyczki JavaScript blokujące wątek główny (np. chatboty, slajdery, duże formularze)
- Długie zadania JavaScript (Long Tasks powyżej 50ms) — sprawdź w Chrome DevTools → Performance
- Nieoptymalne event handlery (np. obliczenia w handlerze onClick zamiast w tle)
Dla WordPress: audyt wtyczek to często najszybszy sposób na poprawę INP. Sprawdź czy każda wtyczka jest naprawdę niezbędna — wiele skryptów działa na każdej podstronie nawet gdy nie jest potrzebna.
CLS — stabilność wizualna
CLS mierzy łączną wartość niespodziewanych przesunięć elementów. Każde "skakanie" treści ma swoją wagę (impact fraction × distance fraction). Najczęstsze przyczyny:
- Obrazy bez podanych wymiarów — przeglądarka nie wie ile miejsca zarezerwować zanim pobierze obraz. Zawsze podawaj width i height w HTML.
- Fonty webowe z FOUT — zanim załaduje się font, tekst jest renderowany w systemowym, a po załadowaniu następuje zmiana i "skok". Używaj font-display: swap z preloadem głównego fonta.
- Dynamicznie wstrzykiwane bannery i reklamy — reklamy AdSense, popupy, bannery cookies wsuwające się na górze strony. Zawsze rezerwuj miejsce dla tych elementów z góry.
Praktyczne narzędzia dla WordPress
Jeśli masz stronę na WordPress, oto najskuteczniejsze wtyczki do poprawy CWV:
- WP Rocket (płatna, ~160 zł/rok) — kompleksowe rozwiązanie: cache, minifikacja JS/CSS, lazy loading, preload. Najprostsze "one-click" rozwiązanie dla większości problemów.
- Imagify lub ShortPixel — automatyczna kompresja i konwersja do WebP podczas uploadu zdjęć.
- Perfmatters — wyłączanie niepotrzebnych skryptów per-strona. Świetne uzupełnienie WP Rocket.
- Asset CleanUp — darmowa alternatywa dla Perfmatters do zarządzania skryptami.
Szybkość strony a konwersja — liczby
Core Web Vitals to nie tylko SEO. Bezpośrednio wpływają na wskaźniki biznesowe:
- Poprawa LCP z 4s do 2s = wzrost konwersji o ~15–20% (dane Google/Deloitte)
- Każda sekunda opóźnienia = 7% spadek konwersji (Akamai)
- Strony z CLS < 0.1 mają o 24% niższy bounce rate (dane HTTP Archive)
Szybka strona to nie tylko wyższe pozycje — to więcej klientów z tego samego ruchu. ROI z optymalizacji wydajności jest często wyższy niż ROI z dodatkowych wydatków na reklamy.