Core Web Vitals — kompletny przewodnik na 2026

Czym są Core Web Vitals?

Core Web Vitals to zestaw metryk wprowadzonych przez Google w 2021 roku. Mierzą rzeczywiste doświadczenie użytkownika na stronie i są oficjalnym czynnikiem rankingowym w wyszukiwarce.

W 2026 roku ich znaczenie jest jeszcze większe — Google jasno komunikuje, że strony szybkie i przyjazne użytkownikowi będą nagradzane wyższymi pozycjami.

Trzy główne metryki

LCP (Largest Contentful Paint)

Co mierzy: Czas ładowania największego elementu widocznego na ekranie.

Cel: Poniżej 2.5 sekundy

• Rozmiar obrazów
• Czas odpowiedzi serwera
• Blokujące zasoby CSS/JS

INP (Interaction to Next Paint)

Co mierzy: Czas reakcji strony na interakcję użytkownika (kliknięcie, tap).

Cel: Poniżej 200ms

• Ciężki JavaScript
• Długie zadania na głównym wątku
• Nieoptymalne event handlery

Uwaga: INP zastąpił FID (First Input Delay) w 2024 roku.

CLS (Cumulative Layout Shift)

Co mierzy: Stabilność wizualna — czy elementy "skaczą" podczas ładowania.

Cel: Poniżej 0.1

• Obrazy bez zdefiniowanych wymiarów
• Dynamicznie wstawiane elementy
• Fonty powodujące przesunięcia

Jak sprawdzić wyniki?

1. PageSpeed Insights

Wejdź na [pagespeed.web.dev](https://pagespeed.web.dev) i wpisz adres swojej strony. Google pokaże wyniki Core Web Vitals oraz szczegółowe rekomendacje.

2. Chrome DevTools

• Otwórz stronę w Chrome
• Kliknij F12 (DevTools)
• Przejdź do zakładki "Lighthouse"
• Uruchom audyt

3. Search Console

Zaloguj się do Google Search Console i sprawdź raport "Core Web Vitals". Zobaczysz dane z rzeczywistych użytkowników.

Praktyczna optymalizacja

Poprawa LCP

- Używaj formatu WebP lub AVIF
- Stosuj lazy loading dla obrazów poza ekranem
- Zawsze definiuj width i height

• Użyj CDN (np. Cloudflare, Vercel)
• Włącz kompresję gzip/brotli
• Cache'uj statyczne zasoby

• Defer dla nieistotnych skryptów
• Krytyczny CSS inline
• Usuń nieużywany kod

Poprawa INP

• Dziel duże zadania JS na mniejsze
• Używaj Web Workers dla ciężkich operacji
• Optymalizuj event handlery
• Unikaj ciężkich bibliotek

Poprawa CLS

• Zawsze definiuj wymiary obrazów i wideo
• Rezerwuj miejsce na reklamy
• Używaj `font-display: swap`
• Unikaj wstawiania treści nad istniejącą

Dlaczego to ważne?

1. Pozycje w Google

Core Web Vitals to oficjalny czynnik rankingowy. Strony z dobrymi wynikami mają przewagę w wynikach wyszukiwania.

2. Konwersje

Badania pokazują, że:

• 53% użytkowników opuszcza stronę ładującą się dłużej niż 3s
• Poprawa LCP o 100ms może zwiększyć konwersje o 1-2%

3. Doświadczenie użytkownika

Szybka, stabilna strona po prostu lepiej działa. Użytkownicy są bardziej skłonni do zakupu, kontaktu, zapisania się na newsletter.

Potrzebujesz pomocy?

Jeśli Twoja strona ma problemy z Core Web Vitals — mogę przeprowadzić audyt i zaproponować konkretne rozwiązania. Napisz do mnie, a sprawdzę Twoją stronę bezpłatnie.