← Wszystkie posty9 min czytania

Post · 05

Core Web Vitals 2026: co się zmieniło i jak to naprawić

INP zastąpiło FID, LCP cele zaostrzone, doszedł nowy metric CLS-2. Konkretne strategie napraw dla każdego.

  • performance
  • Core Web Vitals
  • SEO

01Google podkręciło śrubę. W 2024 INP zastąpiło FID jako oficjalny metric responsywności. W 2026 są dyskusje o zaostrzeniu progów LCP z 2.5s na 2.0s i dodaniu CLS-2 mierzącego layout shift po interakcji. Co to znaczy w praktyce.

02LCP (Largest Contentful Paint) — czas do wyrenderowania największego elementu w viewport. Cel: poniżej 2.5s. Najczęstsze winowajce: niezoptymalizowane obrazki, blokujący JS, wolne TTFB z serwera. Naprawa: next/image z priority na hero, preload critical fonts, hosting z edge caching.

03INP (Interaction to Next Paint) — opóźnienie między kliknięciem/stuknięciem a odpowiedzią UI. Cel: poniżej 200ms. Najczęstsze: ciężki JS na main thread, brak Web Workers, synchronous third-party scripts. Naprawa: React Server Components, lazy load non-critical, defer analytics.

04CLS (Cumulative Layout Shift) — przesunięcia layoutu po wczytaniu. Cel: poniżej 0.1. Najczęstsze: obrazki bez width/height, fonty z FOIT/FOUT, dynamiczne wstawianie reklam/popupów. Naprawa: aspect-ratio CSS, font-display: swap z size-adjust, rezerwacja miejsca na dynamic content.

05TTFB (Time To First Byte) — odpowiedź serwera. Nie jest core ale wpływa na LCP. Cel: poniżej 800ms. Naprawa: edge functions zamiast SSR, ISR z revalidate, CDN przed origin, optymalizacja DB queries.

06Narzędzia do mierzenia: PageSpeed Insights (data z field + lab), Search Console Core Web Vitals report (real users z 28 dni), Chrome DevTools Performance (debug), web-vitals npm package (own analytics).

07Praktyczna strategia: ustal baseline, atakuj LCP najpierw (najwięcej impact), potem INP (drugie miejsce), CLS na końcu (zwykle daje się szybko ogarnąć). Mierz po każdej zmianie. Cel długoterminowy: 95th percentile w zielonym dla wszystkich 3 metrik.

FAQ

Najczęstsze pytania.

Jakie są obecne progi Core Web Vitals?
LCP poniżej 2.5s (good), INP poniżej 200ms, CLS poniżej 0.1. Mierzone na 75th percentile real users z 28 dni. Google rozważa zaostrzenie LCP do 2.0s w 2026.
Co to INP i jak go naprawić?
Interaction to Next Paint — opóźnienie między kliknięciem a odpowiedzią UI. Naprawa: React Server Components (mniej JS w bundle), lazy load non-critical, defer analytics, Web Workers dla heavy compute.
Jak naprawić LCP poniżej 2.5s?
next/image z priority na hero (preload), preload critical fonts (next/font), edge caching (Vercel edge functions, Cloudflare), optimized hero (WebP/AVIF, properly sized), brak blokujących third-party scripts above the fold.
Czy Core Web Vitals są sygnałem rankingowym?
Tak, od 2021. Wpływ ~5-10% na ranking dla competitive fraz. Słabe CWV = niższe pozycje (przy podobnych innych czynnikach). Dobre CWV = przewaga, ale nie zastąpi treści i linków.
Jakie narzędzia używać do mierzenia?
PageSpeed Insights (lab + field data), Search Console Core Web Vitals report (real users 28 dni), Chrome DevTools Performance (debug), web-vitals npm package (own analytics), Vercel Analytics (built-in).

Powiązane usługi

Pogadajmy

Masz pytanie? Napisz.

Kontakt→