Core Web Vitals 2026 - co realnie podnosi konwersję
Google zmieniło wagi metryk, INP zastąpiło FID i wszyscy znów panikują. Tymczasem 80% pracy wykonują 4 proste optymalizacje. Lista z mojego standardowego audytu - i wynik, jakiego się spodziewam.
Trzy metryki, które dziś się liczą
LCP (Largest Contentful Paint) - kiedy widać największy element. Cel: < 2,5 s.
INP (Interaction to Next Paint) - jak szybko strona reaguje na klik. Cel: < 200 ms.
format AVIF lub WebP (nie JPG/PNG na pierwszym ekranie),
atrybuty width i height zawsze (chroni CLS),
hero image z fetchpriority="high",
reszta z loading="lazy".
Checklist 2 - fonty
preconnect do dostawcy fontów,
font-display: swap obowiązkowo,
maks. 2 rodziny krojów + maks. 4 wagi,
self-hosting daje 200–400 ms na LCP.
Checklist 3 - JavaScript
wszystkie skrypty trzeciej strony - opóźnione,
chat-widget ładowany po 3 sekundach lub po pierwszym scrollu,
analityka - przez kontener (GTM) z trigerem „windowLoad",
ciężkie animacje - w requestIdleCallback.
Checklist 4 - CSS
krytyczny CSS inline (~5–10 KB),
reszta arkusza ładowana asynchronicznie,
brak @import w CSS.
Wynik z 7 ostatnich audytów (mediana): LCP 4,1 s → 1,7 s, INP 380 ms → 140 ms, CLS 0,18 → 0,03. Konwersja formularza kontaktowego: +18% w 30 dni bez żadnych innych zmian.
Jeden trik, który robi największą różnicę
Hero image z fetchpriority="high" + preload w head. Sam ten ruch obniża LCP średnio o 600 ms. Czas wdrożenia: 5 minut.