Core Web Vitals
Aktualizováno 22. 9. 2026
Core Web Vitals jsou tři metriky Googlu, které měří skutečný uživatelský zážitek ze stránky – rychlost načtení hlavního obsahu (LCP), odezvu na interakce (INP) a vizuální stabilitu (CLS). Týkají se každého e-shopu, který chce rychlý web a dobré podmínky ve vyhledávání.
Rychlá fakta
- Typ
- sada metrik uživatelského zážitku od Googlu (LCP, INP, CLS)
- Cena
- zdarma — jde o standard/metriku; měřicí nástroje Googlu (PageSpeed Insights, Search Console) jsou bezplatné
- Prahy „dobré“
- LCP ≤ 2,5 s, INP ≤ 200 ms, CLS ≤ 0,1 — hodnoceno na 75. percentilu návštěv
- Časová náročnost zavedení
- orientačně dny (rychlé opravy obrázků a písem) až týdny (úpravy šablony, skriptů, redesign)
- Náročnost zavedení
- střední — měření je snadné, opravy často sahají do šablony, třetích stran a infrastruktury
- Vhodné pro
- každý e-shop; nejvíc pro weby s těžkými šablonami, hodně skripty a velkými obrázky
Co to je
Core Web Vitals (CWV) jsou tři metriky, kterými Google hodnotí, jak stránku vnímají skuteční návštěvníci. Nejde o skóre z jednoho testu. Jde o data od reálných uživatelů prohlížeče Chrome.
- LCP (Largest Contentful Paint) – kdy se vykreslí největší prvek v zobrazené části stránky. U e-shopu to bývá hlavní fotka produktu nebo banner.
- INP (Interaction to Next Paint) – jak rychle stránka vizuálně zareaguje na klik, ťuknutí nebo stisk klávesy. Sleduje interakce během celé návštěvy.
- CLS (Cumulative Layout Shift) – jak moc obsah nečekaně „poskakuje“, například když se pozdě načte banner a posune tlačítko Do košíku.
INP nahradil 12. března 2024 dřívější metriku FID. Ta měřila jen zpoždění první interakce, INP hodnotí odezvu během celé návštěvy.
Jak to funguje
Každá metrika má tři pásma. Hodnotí se 75. percentil návštěv – stránka projde, když aspoň 75 % zobrazení spadá do pásma „dobré“. Mobil a desktop se vyhodnocují zvlášť.
| Metrika | Dobré | Potřebuje zlepšení | Špatné |
|---|---|---|---|
| LCP | do 2,5 s | 2,5–4 s | nad 4 s |
| INP | do 200 ms | 200–500 ms | nad 500 ms |
| CLS | do 0,1 | 0,1–0,25 | nad 0,25 |
Data z terénu vs. laboratoř. Terénní data pocházejí z Chrome User Experience Report (CrUX) a jsou agregovaná za posledních 28 dní. Laboratorní test (Lighthouse) je jedno simulované načtení na zvoleném zařízení a síti. Obě čísla se často liší – a pro Google je rozhodující terén. INP navíc v laboratoři přímo nezměříte, protože vyžaduje skutečnou interakci uživatele.
Nástroje zdarma:
- PageSpeed Insights – nahoře terénní data z CrUX (pokud jich má URL nebo doména dost), dole laboratorní test Lighthouse s konkrétními doporučeními.
- Search Console, přehled Core Web Vitals – seskupuje podobné URL (např. všechny detaily produktu) a ukazuje stav celé skupiny. Když skupina nemá dost dat, report zobrazí data za celý origin.
- Chrome DevTools – ladění konkrétních problémů, např. které skripty blokují hlavní vlákno.
Na co si dát pozor
- CWV jsou jeden ze signálů, ne všechno. Google uvádí, že Core Web Vitals používají jeho systémy hodnocení, ale relevance obsahu má přednost. Dobrý výsledek pomůže hlavně tam, kde je víc podobně kvalitních stránek.
- Skóre 100 v Lighthouse nic nezaručuje. Pokud terénní data ukazují „špatné“, reální zákazníci na pomalých telefonech trpí dál.
- Změny se projeví se zpožděním. CrUX počítá 28denní okno, takže opravu uvidíte v datech postupně.
- Malé e-shopy nemusí mít terénní data. Bez dostatečné návštěvnosti Chrome data nezobrazí; pak zbývá laboratoř a vlastní měření.
Nejčastější viníci u e-shopů:
- LCP: nekomprimované hlavní obrázky, lazy loading u obrázku nad ohybem, pomalá odezva serveru.
- INP: těžké skripty třetích stran (chaty, pixely, widgety recenzí), složité filtry v JavaScriptu.
- CLS: obrázky bez rozměrů, dodatečně vkládané bannery a lišty s cookies, webové fonty.
Detailní postupy rozebíráme v článcích Core Web Vitals pro e-shopy a Optimalizace obrázků pro SEO a rychlost.
Jak to řešíme v Převeďshopu
Rychlost u nás má na starosti oddělení Design a frontend – s CWV pracuje AI spolupracovník Flux pod vedením Nogy.
- Změříme výchozí stav z terénních dat (PageSpeed Insights, Search Console) po typech stránek: homepage, kategorie, detail produktu, košík.
- Najdeme příčiny v laboratoři – konkrétní obrázky, skripty a prvky šablony.
- Opravíme to, co jde bez redesignu – formáty a velikosti obrázků, načítání skriptů, rezervované místo pro bannery. Větší zásahy řešíme v rámci redesignu.
- Hlídáme vývoj dlouhodobě v programu Performance Monitoring, aby rychlost nezhoršil další doplněk nebo marketingový skript.
Rychlost je součást technického SEO, proto ji propojujeme se SEO pro e-shopy. Pokud nevíte, kde začít, pošlete nám URL přes audit zdarma.