Core Web Vitals – mierzenie UX i wydajności stron w 2026

TL;DR

Core Web Vitals to metryki Google: LCP (szybkość ładowania), INP (responsywność), CLS (stabilność wizualna). Wpływają na SEO i doświadczenie użytkownika. Oto jak je mierzyć i poprawiać w 2026.

Dla kogo to jest

Właścicieli stron i zespołów marketingowych dbających o SEO
Deweloperów frontendu i full-stack
Osób analizujących wydajność stron (Lighthouse, PageSpeed)

Fraza (SEO)

core web vitals, lcp, inp, cls, lighthouse, wydajność stron, ux, seo

Czym są Core Web Vitals?

Core Web Vitals to trzy metryki używane przez Google do oceny jakości strony:

LCP (Largest Contentful Paint) – jak szybko ładuje się główna treść (obraz, blok tekstu). Cel: ≤ 2,5 s.
INP (Interaction to Next Paint) – jak szybko strona reaguje na kliknięcia/klawisze (zastąpiło FID). Cel: ≤ 200 ms.
CLS (Cumulative Layout Shift) – jak bardzo „skacze” layout (przesuwające się elementy). Cel: ≤ 0,1.

Dobre wyniki oznaczają lepsze UX i mogą wpływać na ranking w wyszukiwarce (tzw. Page Experience).

Po co je mierzyć?

SEO – Page Experience jest sygnałem rankingowym w Google
Konwersje – wolne strony i „skaczący” layout pogarszają konwersje
Nawigacja – użytkownicy rzadziej odchodzą z szybkich stron

Jak mierzyć?

PageSpeed Insights (Google) – wyniki dla mobile i desktop, sugestie poprawy
Lighthouse (Chrome DevTools lub CLI) – audyt wydajności, dostępności, SEO
Search Console – raport „Doświadczenie użytkownika” (Core Web Vitals w terenie)
web-vitals (JS) – pomiar w przeglądarce użytkownika (Real User Monitoring)

Jak poprawić LCP?

Optymalizacja obrazów (WebP/AVIF, rozmiary, lazy loading poza viewport)
Szybszy serwer / CDN, cache
Krytyczny CSS inline, opóźnienie niekrytycznego JS
Usunięcie blokującego renderowanie JS/CSS tam, gdzie to możliwe
Preload dla kluczowych zasobów (np. główny obraz LCP)

Jak poprawić INP?

Mniej długotrwałego JS w main thread (podział kodu, web workers)
Optymalizacja obsługi zdarzeń (debounce, unikanie ciężkiej logiki przy pierwszym kliknięciu)
Szybszy Time to Interactive (mniej JS do parsowania i wykonania)

Jak poprawić CLS?

Ustalanie wymiarów obrazów i iframe (width/height lub aspect-ratio)
Rezerwowanie miejsca na reklamy/embed
Unikanie wstrzykiwania treści nad już wyrenderowaną stroną (np. bez ustalonej wysokości)
Czcionki – font-display: optional lub preload, żeby uniknąć FOIT/FOUT

Checklist / kroki

Uruchom PageSpeed Insights i Lighthouse dla kluczowych stron
Sprawdź raport Core Web Vitals w Search Console (dane z terenu)
Popraw najsłabszą metrykę (LCP, INP lub CLS)
Wdróż monitoring w produkcji (np. web-vitals + analytics)

FAQ

Czy Core Web Vitals wpływają na ranking?

Tak. Page Experience (w tym Core Web Vitals) jest sygnałem rankingowym w Google. Nie jest jedynym czynnikiem, ale ma znaczenie.

Różnica między danymi z Lighthouse a Search Console?

Lighthouse mierzy w symulowanym środowisku (lab). Search Console pokazuje dane z prawdziwych użytkowników (field). Oba są ważne: lab do debugowania, field do oceny realnego doświadczenia.

Co zamiast FID?

FID (First Input Delay) zostało zastąpione przez INP (Interaction to Next Paint), które lepiej oddaje responsywność przy wielu interakcjach. Nadal mierz INP tam, gdzie wcześniej FID.

Chcesz poprawić Core Web Vitals swojej strony?

Kontakt