Czym są Core Web Vitals i dlaczego mają znaczenie?

Core Web Vitals to trzy wskaźniki wprowadzone przez Google, które mierzą rzeczywiste doświadczenie użytkownika na stronie. Od 2021 roku są oficjalnym czynnikiem rankingowym Google — strony z dobrymi wynikami mają przewagę w wynikach wyszukiwania.

Trzy wskaźniki Core Web Vitals

1. LCP — Largest Contentful Paint (czas ładowania głównej treści)

LCP mierzy, jak szybko pojawia się największy element na ekranie (najczęściej duże zdjęcie lub nagłówek).

  • ✅ Dobry: poniżej 2,5 sekundy
  • ⚠️ Do poprawy: 2,5 – 4,0 sekundy
  • ❌ Słaby: powyżej 4,0 sekund

Jak poprawić LCP: Konwertuj zdjęcia do formatu WebP, dodaj loading="eager" i fetchpriority="high" do hero image, skonfiguruj CDN (Cloudflare), włącz cache serwera (WP Rocket).

2. CLS — Cumulative Layout Shift (stabilność układu)

CLS mierzy, czy elementy na stronie nie przeskakują podczas ładowania. Jeśli kliknąłeś guzik, a strona się przesunęła i trafiłeś w inny link — to wysoki CLS.

  • ✅ Dobry: poniżej 0,1
  • ⚠️ Do poprawy: 0,1 – 0,25
  • ❌ Słaby: powyżej 0,25

Jak poprawić CLS: Zawsze podawaj width i height na obrazkach, używaj font-display: swap dla fontów, rezerwuj miejsce dla reklam i bannerów.

3. INP — Interaction to Next Paint (responsywność)

INP (od 2024 zastąpił FID) mierzy czas od kliknięcia/tapnięcia do momentu, gdy strona zareaguje. Problemy z INP często wynikają z za dużej ilości JavaScriptu.

  • ✅ Dobry: poniżej 200ms
  • ⚠️ Do poprawy: 200 – 500ms
  • ❌ Słaby: powyżej 500ms

Jak poprawić INP: Defer JavaScript (odrocz ładowanie nieistotnych skryptów), usuń nieużywane wtyczki WordPress, zminimalizuj kod third-party (np. stary Slider Revolution).

🔧 Narzędzia do sprawdzenia CWV: PageSpeed Insights, Google Search Console → Core Web Vitals, Lighthouse w DevTools Chrome (F12 → Lighthouse).

Jak poprawić Core Web Vitals na WordPress — lista kroków

  • Zainstaluj WP Rocket lub LiteSpeed Cache — cache, minifikacja CSS/JS, lazy load
  • Skonfiguruj Cloudflare CDN (darmowy plan wystarczy) — szybsze serwowanie zasobów
  • Konwertuj zdjęcia do WebP — ShortPixel lub EWWW Image Optimizer
  • Usuń nieużywane wtyczki — każda wtyczka ładuje dodatkowy JS/CSS
  • Zaktualizuj PHP do 8.2+ — znacząca poprawa TTFB
  • Używaj dobrego hostingu — SSD, PHP 8.x, HTTP/3, serwer w Polsce