Trzy wskaźniki: LCP (ładowanie), INP (reakcja), CLS (stabilność)
Progi "dobre": LCP < 2,5 s, INP < 200 ms, CLS < 0,1
INP zastąpił FID w marcu 2024 roku
Liczą się dane od prawdziwych użytkowników, nie tylko test
Na WordPress największy zysk daje hosting, cache i obrazy WebP
[/dwb_keytakeaways]

Czym są Core Web Vitals w 2026

Core Web Vitals to trzy liczby, którymi Google ocenia, jak Twoja strona zachowuje się u realnego użytkownika. Nie chodzi o ładny wykres w teście, tylko o to, co czuje osoba, która wchodzi z telefonu w słabym zasięgu.

  • LCP (Largest Contentful Paint): czas, po którym pojawia się największy element widoczny na ekranie, zwykle zdjęcie główne lub nagłówek.
  • INP (Interaction to Next Paint): jak szybko strona reaguje na kliknięcie lub wpisanie tekstu. To nowy wskaźnik, który w marcu 2024 zastąpił dawny FID.
  • CLS (Cumulative Layout Shift): czy elementy nie przeskakują podczas ładowania. Każdy zna ten moment, gdy chce kliknąć przycisk, a treść skacze i klikniesz reklamę.

Progi Google w 2026

WskaźnikDobryWymaga poprawySłaby
LCPdo 2,5 s2,5 - 4 spowyżej 4 s
INPdo 200 ms200 - 500 mspowyżej 500 ms
CLSdo 0,10,1 - 0,25powyżej 0,25

Dlaczego to realnie wpływa na sprzedaż

Google potwierdził, że Core Web Vitals są czynnikiem rankingowym. Ale ważniejsze jest co innego: wolna strona traci klientów, zanim w ogóle dotrą do oferty. Z moich wdrożeń widzę prostą zależność. Skrócenie LCP z 5 do 2 sekund potrafi podnieść liczbę zapytań z formularza o kilkanaście procent, bo ludzie po prostu nie uciekają.

W sklepie efekt jest jeszcze mocniejszy. Każda sekunda zwłoki przy ładowaniu karty produktu to porzucone koszyki. Dlatego do Core Web Vitals podchodzę jak do inwestycji w przychód, nie jak do kosmetyki pod Google.

Zanim zaczniesz coś poprawiać, zmierz stan wyjściowy i zapisz go. Bez liczby "przed" nie udowodnisz, że "po" jest lepsze, a klient lubi widzieć konkret.

Jak poprawnie zmierzyć wyniki

Tu większość osób popełnia ten sam błąd: patrzy tylko na wynik z PageSpeed Insights i cieszy się zieloną liczbą. Problem w tym, że to test laboratoryjny na jednym łączu. Google ocenia stronę na podstawie danych terenowych, czyli zachowania prawdziwych użytkowników zebranego w raporcie CrUX.

  1. Google Search Console, sekcja Core Web Vitals: to są Twoje realne dane z ostatnich 28 dni. Od nich zaczynaj.
  2. PageSpeed Insights: dobry do diagnozy konkretnej podstrony, pokazuje co spowalnia ładowanie.
  3. Narzędzia deweloperskie w przeglądarce: zakładka Performance, żeby zobaczyć, który skrypt blokuje reakcję.

LCP: jak przyspieszyć ładowanie

LCP to najczęściej najłatwiejszy do poprawy wskaźnik, bo zależy od kilku konkretnych rzeczy.

  • Hosting: serwer z LiteSpeed i dyskami SSD oraz PHP 8.3 odpowiada szybciej niż tani współdzielony hosting na przestarzałym PHP.
  • Cache strony: gotowy HTML zamiast generowania go przy każdym wejściu. Na WordPress używam LiteSpeed Cache.
  • Obrazy: format WebP, kompresja i podany rozmiar. Zdjęcie główne warto wczytać z priorytetem (preload).
  • Fonty: hostuj lokalnie i dodaj font-display swap, żeby tekst pokazał się od razu.

INP: jak poprawić reakcję na kliknięcia

INP psuje głównie nadmiar JavaScriptu, najczęściej z zewnętrznych skryptów. Czat, mapa, piksele reklamowe i kreatory stron potrafią zająć główny wątek przeglądarki na tyle długo, że klik reaguje z opóźnieniem.

  • Opóźniaj ładowanie skryptów, które nie są potrzebne od razu (czat, mapy, widżety opinii).
  • Ogranicz liczbę wtyczek dodających własny JavaScript na każdej podstronie.
  • Jeśli strona stoi na ciężkim kreatorze, rozważ lekki motyw pisany pod konkretny projekt.

Najczęstszy zabójca INP w sklepach to nadmiar zewnętrznych skryptów marketingowych wpiętych przez menedżer tagów. Sprawdź, czy wszystkie naprawdę zarabiają, zanim spowolnią Ci cały sklep.

CLS: jak zatrzymać przeskoki układu

CLS naprawia się prościej, niż się wydaje, bo prawie zawsze ma te same przyczyny.

  • Podawaj wymiary (width i height) dla każdego obrazu, żeby przeglądarka zarezerwowała miejsce.
  • Rezerwuj przestrzeń na banery, reklamy i osadzone elementy, zanim się załadują.
  • Ustaw font-display swap i dobierz zapasowy font o zbliżonej szerokości, żeby tekst nie skakał po zmianie kroju.

WordPress i WooCommerce: od czego zacząć

Na WordPress kolejność prac, która daje najwięcej za najmniejszy koszt, wygląda tak:

Plan naprawy krok po kroku

  • Sprawdź dane w Search Console i wynik PageSpeed dla strony głównej, produktu i wpisu
  • Przenieś stronę na hosting z LiteSpeed, SSD i PHP 8.3, jeśli serwer jest wolny
  • Skonfiguruj LiteSpeed Cache i podstawowe reguły cache
  • Skonwertuj obrazy do WebP i dodaj brakujące wymiary
  • Opóźnij niepotrzebne skrypty zewnętrzne i przejrzyj listę wtyczek
  • Zmierz wynik ponownie i porównaj z wartością wyjściową

Taki zestaw kroków doprowadza większość stron do zielonych wyników bez przebudowy od zera. Jeśli problem siedzi głębiej, w nieoptymalnym motywie albo wtyczce, która generuje setki zapytań do bazy, wtedy potrzebny jest audyt i konkretne poprawki w kodzie.

Najczęstsze pytania

Czy Core Web Vitals naprawdę wpływają na pozycje w Google?

Tak, są jednym z czynników rankingowych od 2021 roku. Nie są najważniejsze (treść i linki ważą więcej), ale przy zbliżonej jakości stron to one rozstrzygają. Dodatkowo wolna strona obniża konwersję, więc poprawa opłaca się podwójnie.

Czym różni się INP od starego FID?

FID mierzył tylko opóźnienie pierwszej interakcji. INP patrzy na wszystkie kliknięcia i wpisywanie przez cały czas wizyty, bierze najgorszy przypadek. Jest trudniejszy do oszukania i lepiej oddaje to, co czuje użytkownik.

Test PageSpeed pokazuje 95, a Search Console mówi że strona jest wolna. Dlaczego?

PageSpeed liczy wynik laboratoryjny na jednym szybkim połączeniu. Search Console pokazuje dane od prawdziwych użytkowników (CrUX) z różnymi telefonami i sieciami. Zawsze ufaj danym terenowym, bo to one decydują o ocenie.

Ile kosztuje doprowadzenie sklepu WooCommerce do zielonych wyników?

Najczęściej od 800 do 2500 zł, zależnie od stanu wyjściowego. Czasem wystarczy zmiana hostingu i konfiguracja cache, czasem trzeba przebudować motyw i usunąć ciężkie wtyczki. Zaczynam zawsze od audytu, żeby nie płacić za niepotrzebne prace.

Czy wtyczka do cache wystarczy?

Pomaga, ale sama nie załatwi sprawy. Cache przyspiesza serwer, lecz nie naprawi nieoptymalnych obrazów, ciężkiego JavaScriptu z zewnętrznych skryptów ani przeskoków układu. Cache to jeden z pięciu elementów, nie magia.