Core Web Vitals 2026: LCP, INP i CLS — co oznaczają i jak je poprawić

Core Web Vitals to zestaw trzech mierników, którymi Google ocenia doświadczenie użytkownika na stronie. Nie są teorią — wpływają bezpośrednio na ranking w wyszukiwarce i na to, czy odwiedzający zostanie na stronie, czy od razu ją opuści.

W 2024 roku Google zastąpiło FID (First Input Delay) wskaźnikiem INP, znacznie bardziej wymagającym. W 2026 progi pozostają te same, ale egzekwowanie ich przez algorytm jest coraz surowsze.

Czym jest LCP i jaki wynik jest dobry?

LCP (Largest Contentful Paint) mierzy, jak szybko na ekranie pojawia się największy widoczny element — najczęściej główny obraz, baner lub nagłówek H1. To moment, w którym użytkownik czuje, że strona „się załadowała”.

Progi LCP:

Wynik	Ocena
do 2,5 s	Dobry
2,5 – 4,0 s	Wymaga poprawy
powyżej 4,0 s	Słaby

Najczęstsze przyczyny złego LCP:

• Zbyt duży obraz główny (nieoptymalizowany JPEG/PNG zamiast WebP/AVIF).
• Obraz ładowany przez JavaScript zamiast bezpośrednio w HTML.
• Wolny serwer (wysoki TTFB — czas do pierwszego bajtu).
• Blokujące zasoby CSS lub JS ładowane przed treścią.

Czym jest INP i dlaczego zastąpił FID?

INP (Interaction to Next Paint) mierzy, jak szybko strona reaguje na każdą interakcję użytkownika — kliknięcie, dotknięcie, wciśnięcie klawisza — przez cały czas wizyty, nie tylko przy pierwszym wejściu. FID mierzył wyłącznie pierwszą interakcję, co pozwalało ukryć problemy z wydajnością na dalszych etapach.

Progi INP:

Wynik	Ocena
do 200 ms	Dobry
200 – 500 ms	Wymaga poprawy
powyżej 500 ms	Słaby

Główne przyczyny wysokiego INP:

• Długie zadania JavaScript blokujące wątek główny.
• Zbyt duże biblioteki JS (np. nieużywane moduły frameworków).
• Efekty wizualne liczone przez CPU zamiast GPU.
• Brak podziału zadań JS na mniejsze fragmenty (code splitting).

Czym jest CLS i jak go wyeliminować?

CLS (Cumulative Layout Shift) mierzy, o ile elementy strony przesuwają się podczas ładowania. Wynik 0 oznacza, że nic się nie ruszyło; 0,3 — że strona była bardzo niestabilna.

Progi CLS:

Wynik	Ocena
do 0,1	Dobry
0,1 – 0,25	Wymaga poprawy
powyżej 0,25	Słaby

Typowe źródła CLS:

• Obrazy bez zadeklarowanego width i height w HTML.
• Reklamy i embeddy ładowane bez zarezerwowanego miejsca.
• Fonty webowe powodujące przeskok tekstu po załadowaniu.
• Elementy wstawiane dynamicznie przez JS nad widoczną treścią.

Dlaczego strony w czystym kodzie mają lepsze Core Web Vitals?

Strony pisane w czystym HTML, CSS i minimalnym JS nie mają warstwy pośredniej między kodem a przeglądarką. Nie ma zbędnych wtyczek, ciężkich frameworków ani szablonów generujących zagnieżdżone elementy bez sensu.

Konkretna różnica:

• Rozbudowane strony na ciężkich systemach z wieloma wtyczkami często osiągają LCP 3–6 s i INP 300–700 ms.
• Strony w czystym kodzie regularnie uzyskują LCP poniżej 1,5 s i INP poniżej 100 ms przy tym samym hostingu.

To nie kwestia optymalizacji po fakcie — to wynik architektury. Zobacz efekty w naszych realizacjach.

Jak poprawić Core Web Vitals krok po kroku?

Działaj w kolejności — LCP poprawia się najszybciej i daje największy efekt.

Krok 1 — popraw LCP: skompresuj obraz główny do WebP/AVIF, dodaj preload i fetchpriority="high", skróć TTFB (hosting/CDN bliżej użytkownika).

Krok 2 — obniż INP: zmierz długie zadania w Chrome DevTools, usuń nieużywany JS, podziel kod (defer, async, code splitting).

Krok 3 — wyeliminuj CLS: dodaj width/height do obrazów, zarezerwuj miejsce dla embeddów, użyj font-display: swap z preloadem fonta.

Jak sprawdzić Core Web Vitals swojej strony?

Dostępne są dwa typy danych:

• Dane laboratoryjne — symulacja: Google Lighthouse (Chrome DevTools), PageSpeed Insights.
• Dane polowe (CrUX) — rzeczywiste dane użytkowników Chrome: PageSpeed Insights (sekcja „Field Data”), Google Search Console (raport Core Web Vitals).

Google rankinguje na podstawie danych polowych. Dane laboratoryjne są pomocne do debugowania — sprawdzaj oba źródła.

Najczęstsze pytania (FAQ)

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

Tak, są oficjalnym sygnałem rankingowym od 2021 roku. Przy podobnej jakości treści strona z lepszymi Core Web Vitals może uzyskać wyższą pozycję — choć treść i linki nadal mają większą wagę.

Czym jest PageSpeed Insights?

To darmowe narzędzie Google (pagespeed.web.dev). Wpisujesz URL, dostajesz wynik 0–100 dla mobile i desktop oraz listę konkretnych problemów. Zacznij od sekcji „Opportunities”.

Czy zmiana hostingu poprawi Core Web Vitals?

Tak, jeśli obecny hosting ma wysoki TTFB (powyżej 600 ms). Szybki serwer lub CDN bliżej użytkownika obniża LCP. Hosting to fundament — optymalizacja kodu nie nadrobi wolnego serwera.

Ile kosztuje audyt Core Web Vitals?

U nas audyt wydajności jest wstępnie bezpłatny — w ramach konsultacji przed wyceną sprawdzamy Twoje wyniki i wskazujemy, co poprawić. Napisz przez stronę kontaktową.

---

Chcesz wiedzieć, co blokuje szybkość Twojej strony? Skorzystaj z bezpłatnej wyceny. Jeśli szukasz kompleksowej usługi, zajrzyj na naszą ofertę.