Core Web Vitals 2026. LCP, CLS, INP w praktyce dla małej firmy

📚 Część przewodnika: SEO lokalne 2026, kompletny przewodnik dla małej firmy →
Ten artykuł rozwija jeden z wątków pełnego przewodnika.

🎯 W skrócie: Core Web Vitals (LCP, INP, CLS) to ranking factor od 2021. W 2026 strona z LCP > 2,5 s nie pojawia się w top 10 organicznych dla konkurencyjnych zapytań.

• Cele 2026: LCP < 2,5 s, INP < 200 ms, CLS < 0,1
• Pomiar: PageSpeed Insights (lab data) + Search Console (CrUX field data)
• Statyczna HTML: out-of-the-box w green. WordPress wymaga optymalizacji.

Core Web Vitals to oficjalny ranking factor Google od 2021 (Page Experience Update). W 2026 obowiązują 3 metryki: LCP, CLS i INP (które zastąpiło FID w marcu 2024). Strona z czerwonymi metrykami spada w wynikach. Strona z zielonymi, zyskuje.

3 metryki, które liczą się w 2026

1. LCP (Largest Contentful Paint)

Kiedy ładuje się największy widoczny element strony (zwykle baner home page lub hero zdjęcie).

• ✅ Dobry: < 2,5 sek
• ⚠️ Do poprawy: 2,5-4 sek
• ❌ Słaby: > 4 sek

2. CLS (Cumulative Layout Shift)

Czy strona „skacze” podczas ładowania. Liczone od 0 do 1.

• ✅ Dobry: < 0,1
• ⚠️ Do poprawy: 0,1-0,25
• ❌ Słaby: > 0,25

3. INP (Interaction to Next Paint)

Jak szybko strona reaguje na kliknięcie / scroll / typing. Zastąpiło FID w marcu 2024.

• ✅ Dobry: < 200 ms
• ⚠️ Do poprawy: 200-500 ms
• ❌ Słaby: > 500 ms

Co psuje każdą metrykę i jak naprawić

LCP psuje:

• Za duże obrazy → WebP + lazy loading + dopasowane wymiary
• Wolny hosting → premium hosting / statyczna strona
• Blokujący JavaScript → defer / async
• Brak preload kluczowych zasobów → <link rel="preload">

CLS psuje:

• Obrazy bez wymiarów → zawsze width + height
• Banery wstawiane po załadowaniu → rezerwacja miejsca
• Fonty bez font-display: swap → flash of unstyled text
• Reklamy / iframe wstawiane dynamicznie → kontener z minimalną wysokością

INP psuje:

• Ciężki JavaScript (motyw WordPress, 12 wtyczek) → audyt JS
• Skrypty third-party (Google Analytics, ads, chat widgets) → defer
• Synchroniczne operacje na main thread → web workers
• Niezoptymalizowane event handlers → debouncing

Jak zmierzyć

1. PageSpeed Insights (pagespeed.web.dev)

Pokazuje:

• Field data (rzeczywiste pomiary użytkowników z Chrome), to co liczy Google. Lab data (test syntetyczny), pomocniczy

2. Search Console

Sekcja „Core Web Vitals” pokazuje URL-e z problemami. Dane field z 28 dni.

3. Web Vitals Chrome Extension

Real-time pomiar dla każdej strony którą odwiedzasz.

Strony statyczne vs WordPress

Strona statyczna (HTML/CSS bez bazy, bez frameworków JS):

• LCP: typowo 0,5-1 sek (z preload)
• CLS: 0 (statyczny layout)
• INP: < 100 ms (mało JS)

WordPress z motywem + wtyczkami:

• LCP: 3-6 sek typowo
• CLS: 0,15-0,40
• INP: 300-800 ms

Strona statyczna wygrywa wszystkie 3 metryki bez optymalizacji. Wymaga programisty, ale dla małej firmy z minimalnymi zmianami treści, to znacznie tańsze długoterminowo niż walka z WordPressem.

Co dostajesz w Lokal360

Strony Lokal360 startują z:

• LCP: 0,8-1,2 sek (PageSpeed 99/100)
• CLS: 0-0,02
• INP: 50-100 ms

Zmierzone z field data po wdrożeniu. Wszystkie 3 metryki w zielonym. Bez optymalizacji wtyczek.

Często zadawane pytania

Co to Core Web Vitals?

LCP, CLS, INP. Trzy metryki Google mierzące UX. Oficjalny ranking factor.

Jakie progi 2026?

LCP < 2,5s, CLS < 0,1, INP < 200ms.

Jak zmierzyć?

PageSpeed Insights, Search Console, Web Vitals Chrome extension.

Co najczęściej psuje?

Duże obrazy (LCP), brak wymiarów (CLS), ciężki JS (INP).

Chcesz audyt Core Web Vitals? Zostaw numer, sprawdzę bezpłatnie i powiem co poprawić. Bez zobowiązań.