Pomalý web je drahý. Amazon zjistil, že každých 100 milisekund zpomalení stojí 1 % tržeb. Google veřejně potvrdil, že rychlost a uživatelský zážitek jsou ranking faktory. A přesto spousta webů v České republice načítá 5–8 sekund a jejich majitelé se diví, proč konvertují tak špatně.
Co jsou Core Web Vitals?
Core Web Vitals (CWV) jsou sada metrik definovaná Googlem, která měří reálný uživatelský zážitek na webu ve třech klíčových dimenzích: načítání, interaktivita a vizuální stabilita. Od roku 2021 jsou součástí hodnoticích signálů Googlu – s tím, že jejich váha se pravidelně zvyšuje.
Google navíc opakovaně potvrzuje, že tato metrika zůstává jedním z hodnoticích signálů zaměřených na uživatelský zážitek, a její sledování je proto trvale relevantní.
Tři metriky Core Web Vitals
LCP – Largest Contentful Paint (Načítání)
LCP měří, za jak dlouho se načte největší viditelný prvek stránky – zpravidla hlavní obrázek nebo nadpis.
Cíle:
- Dobrý: do 2,5 sekundy
- Potřebuje zlepšení: 2,5–4,0 sekundy
- Špatný: nad 4,0 sekundy
Nejčastější příčiny špatného LCP:
- Velké neoptimalizované obrázky
- Pomalý server (TTFB – Time to First Byte)
- Blokující JavaScript nebo CSS
- Chybějící CDN
INP – Interaction to Next Paint (Interaktivita)
INP nahradil původní metriku FID. Měří celkovou dobu od interakce uživatele (kliknutí, stisk klávesy) po vizuální odezvu stránky.
Cíle:
- Dobrý: do 200 milisekund
- Potřebuje zlepšení: 200–500 ms
- Špatný: nad 500 ms
Nejčastější příčiny špatného INP:
- Těžký JavaScript blokující hlavní vlákno
- Příliš mnoho event listenerů
- Složité DOM operace
CLS – Cumulative Layout Shift (Vizuální stabilita)
CLS měří, jak moc se obsah stránky „posouvá" při načítání. Kliknete na tlačítko, ale v tu chvíli se načte reklama a tlačítko sjede dolů – a vy kliknete na něco jiného.
Cíle:
- Dobrý: pod 0,1
- Potřebuje zlepšení: 0,1–0,25
- Špatný: nad 0,25
Nejčastější příčiny špatného CLS:
- Obrázky bez atributů width/height
- Dynamicky načítané reklamy nebo prvky
- Web fonty způsobující FOUT (Flash of Unstyled Text)
- Lazy-loaded obsah bez rezervovaného prostoru
Jak měřit Core Web Vitals?
Google PageSpeed Insights – zdarma, analyzuje reálná data z Chrome User Experience Reportu (CrUX) i laboratorní výsledky. URL: pagespeed.web.dev
Google Search Console – sekce Core Web Vitals ukazuje stav všech stránek vašeho webu a rozděluje je na dobré, potřebující zlepšení a špatné.
Lighthouse – vestavěný audit v Chrome DevTools (F12 → Lighthouse). Laboratorní měření, výborné pro vývojářský debugging.
WebPageTest – pokročilé měření s waterfall grafem a možností testovat z různých geografických lokací.
Jak zlepšit Core Web Vitals?
Pro LCP
- Komprimujte obrázky (WebP, AVIF formáty)
- Přidejte
loading="eager"afetchpriority="high"na hero obrázek - Nastavte CDN pro statické soubory
- Optimalizujte TTFB (rychlý hosting, server-side caching)
- Odstraňte render-blocking zdroje
Pro INP
- Rozdělte těžké JavaScript úkoly na menší části
- Odložte neesenciální JS pomocí
deferneboasync - Použijte Web Workers pro výpočetně náročné operace
- Minimalizujte práci v event handlerech
Pro CLS
- Vždy definujte rozměry obrázků a videí v HTML
- Rezervujte prostor pro dynamicky načítané prvky
- Přednahrejte fonty pomocí
<link rel="preload"> - Vyhněte se vkládání obsahu nad existující content
Rychlost webu mimo Core Web Vitals
Kromě CWV jsou důležité i další výkonnostní metriky:
- TTFB (Time to First Byte) – jak rychle server začne odesílat odpověď, cíl pod 800 ms
- FCP (First Contentful Paint) – kdy se zobrazí první obsah
- TBT (Total Blocking Time) – celkový čas, kdy je stránka nereagující
Závěr
Core Web Vitals jsou víc než jen technická metrika – jsou ukazatelem toho, jak váš web skutečně slouží uživatelům. Web, který se načítá rychle, reaguje okamžitě a nezpůsobuje nechtěné klikání, ranká lépe a konvertuje lépe. Začněte měřením a pak systematicky optimalizujte nejproblematičtější oblasti.
