Core Web Vitals 2026 — LCP, INP, CLS po ludzku i po co to…

LCP, INP, CLS — trzy wskaźniki, które decydują, czy ktoś doczeka do przycisku „zadzwoń”. Co mierzą, jakie są progi Google, skąd biorą się złe wyniki i co…

Pierwsza sekunda decyduje o tym, czy ktoś zostanie. Trzecia — o tym, czy zadzwoni. Core Web Vitals to zestaw trzech liczb, którymi Google od 2021 roku mierzy, jak strona czuje się w ręce prawdziwej osoby: LCP (jak szybko widać najważniejszą rzecz), INP (jak szybko strona reaguje na dotyk) i CLS (czy układ nie skacze pod palcem). To nie jest wiedza dla programistów. To wiedza dla każdego, kto płaci za stronę i chce, żeby z niej ktoś dzwonił — a więc także temat, od którego zaczyna się każda rozmowa o stronach internetowych w Krakowie.

Strona nie jest wolna dlatego, że ma dużo treści. Jest wolna dlatego, że ładuje wszystko naraz, a pokazuje nic.

1. Trzy liczby, trzy progi — co Google uznaje za "dobrze"

| Wskaźnik | Co mierzy | Dobrze | Wymaga poprawy | Źle | |---|---|---|---|---| | LCP (Largest Contentful Paint) | czas do wyświetlenia największego elementu widocznego na ekranie (zwykle zdjęcie hero albo nagłówek) | ≤ 2,5 s | 2,5–4 s | > 4 s | | INP (Interaction to Next Paint) | opóźnienie między dotknięciem/kliknięciem a widoczną reakcją strony — liczone dla całej wizyty | ≤ 200 ms | 200–500 ms | > 500 ms | | CLS (Cumulative Layout Shift) | suma nieoczekiwanych przesunięć układu (tekst "ucieka", przycisk zmienia miejsce) | ≤ 0,1 | 0,1–0,25 | > 0,25 | Ocena liczy się dla 75. percentyla realnych użytkowników z Chrome (raport CrUX), nie dla jednego testu z biura na światłowodzie. Dlatego strona może "u nas działać szybko" i jednocześnie mieć czerwone wyniki — bo klienci wchodzą z telefonu, w tramwaju, na 4G.

2. Skąd wiadomo, że to kosztuje pieniądze

Najczęściej cytowane dane Google (badanie Think with Google, aktualizowane w kolejnych latach) mówią, że wraz ze wzrostem czasu ładowania z 1 do 3 sekund prawdopodobieństwo porzucenia strony rośnie o ok. 32 %, a przy 5 sekundach — o ok. 90 %. Vodafone po poprawie LCP o 31 % odnotował 8 % więcej sprzedaży; Yelp po skróceniu FCP i LCP — 15 % więcej konwersji. Nie chodzi o to, że algorytm "karze". Chodzi o to, że ludzie nie czekają — a Google od 2021 roku po prostu bierze to pod uwagę w rankingu jako jeden z sygnałów page experience. W praktyce małej firmy działa to jeszcze prościej: osoba szuka "hydraulik Podgórze", klika pierwszy wynik, widzi biały ekran, wraca i klika drugi. Drugi ma telefon. Pierwszy ma piękne zdjęcia, których nikt nie zobaczył.

3. Pięć najczęstszych przyczyn złych wyników (z audytów, nie z podręcznika)

1. Zdjęcie hero 4 MB prosto z aparatu. Jedno takie zdjęcie potrafi w pojedynkę zepsuć LCP. Rozwiązanie: WebP/AVIF, właściwe wymiary, `fetchpriority="high"` dla obrazu głównego, `loading="lazy"` dla wszystkich poniżej. 2. Czcionki z zewnętrznego serwera. Każde połączenie z obcą domeną to dodatkowe setki milisekund. Lokalne pliki WOFF2 + `font-display: swap`. 3. Dziesięć wtyczek i trzy skrypty analityczne. INP cierpi najbardziej, gdy główny wątek przeglądarki zajęty jest cudzym kodem — chatem, mapą, pikselami, banerem cookie. Każdy skrypt musi się z czegoś tłumaczyć. 4. Brak zarezerwowanego miejsca na obrazy i reklamy. Element ładuje się później i spycha tekst — to cały CLS. Atrybuty `width`/`height` albo `aspect-ratio` w CSS rozwiązują 80 % przypadków. 5. Hosting za 9 zł rocznie. Czas odpowiedzi serwera (TTFB) powyżej 800 ms oznacza, że LCP przegrywa, zanim cokolwiek się zacznie.

4. Jak to sprawdzić samodzielnie w 5 minut

- PageSpeed Insights (pagespeed.web.dev) — wpisać adres, patrzeć na sekcję "Odkryj, co robią użytkownicy", nie na wynik laboratoryjny. To dane rzeczywiste. - Search Console → Podstawowe wskaźniki internetowe — pokazuje, które grupy adresów są "słabe", "wymagają poprawy" i "dobre". - Chrome DevTools → zakładka Performance — dla osób, które chcą zobaczyć, który skrypt blokuje wątek. Jeśli w raporcie nie ma danych rzeczywistych ("za mało ruchu"), to informacja sama w sobie: strona ma zbyt mało odwiedzin, żeby Google zebrał próbkę — i wtedy ważniejsze od milisekund jest SEO lokalne i treść.

5. Co naprawiać najpierw — kolejność, która się opłaca

Kolejność ma znaczenie, bo budżet zawsze jest skończony: 1. Obraz hero i czcionki — najtańsze, największy efekt na LCP. 2. Skrypty firm trzecich — audyt: co naprawdę jest używane? Zwykle połowę można usunąć bez straty. Na wskazuje.pl skończyło się to zerem zewnętrznych trackerów i ładowaniem bibliotek dopiero wtedy, gdy ktoś ich potrzebuje. 3. Wymiary obrazów i miejsca na osadzenia — CLS spada niemal do zera. 4. Hosting/CDN — jeśli TTFB nadal wysoki. 5. Dopiero potem przebudowa technologii. Zmiana WordPressa na cokolwiek innego bez punktów 1–4 nic nie da; te same błędy da się popełnić w każdym stacku. Warto połączyć to z porządkiem w indeksowaniu — tag canonical i dane strukturalne to drugi filar tej samej roboty.

FAQ — najczęstsze pytania

Q: Czy Core Web Vitals to czynnik rankingowy? A: Tak, od czerwca 2021 (mobile) i lutego 2022 (desktop) jako część sygnałów page experience. To sygnał pomocniczy — dobra treść wygrywa z szybką pustą stroną, ale przy podobnej treści szybsza wygrywa. Q: Mój wynik w PageSpeed to 45. Czy to katastrofa? A: Wynik 0–100 to symulacja laboratoryjna. Liczą się dane rzeczywiste (CrUX) i trzy progi z tabeli. Można mieć 45 w symulacji i zielone wskaźniki w polu — i odwrotnie. Q: Ile kosztuje poprawa Core Web Vitals? A: Zwykle od kilku godzin pracy (obrazy, czcionki, skrypty) do kilku dni, jeśli trzeba wymienić motyw lub hosting. Diagnoza jest darmowa: PageSpeed Insights i Search Console. Q: Czy INP zastąpiło FID? A: Tak, od marca 2024. INP mierzy wszystkie interakcje w trakcie wizyty, nie tylko pierwszą — dlatego jest trudniejsze i uczciwsze.

Psychologiczny twist

Ludzie nie oceniają szybkości strony w sekundach, tylko w emocjach: pusty ekran uruchamia ten sam mechanizm, co brak odpowiedzi na wiadomość. Trzy sekundy ciszy w rozmowie wystarczą, żeby poczuć się zignorowanym — i dokładnie tyle daje przeciętna osoba stronie, zanim uzna, że firma jej nie szanuje.

Chcesz wiedzieć, ile sekund traci Twoja strona — i które trzy rzeczy naprawić najpierw?