Core Web Vitals jsou podmnožinou širších metrik „Web Vitals“, které se zaměřují na tři aspekty uživatelské zkušenosti: rychlost načítání, interaktivitu a vizuální stabilitu. Google tyto metriky pravidelně aktualizuje, aby odrážely reálné chování uživatelů na internetu.

Google v současnosti sleduje tři hlavní ukazatele. Pro každý z nich existují hranice „Dobrý“, „Potřebuje zlepšení“ a „Špatný“.

Měří dobu, za kterou se na obrazovce vykreslí největší prvek (obvykle hlavní obrázek nebo blok textu). * Ideální hodnota: do 2,5 sekundy. * Co ho ovlivňuje: Rychlost serveru, velikost obrázků a renderování v prohlížeči.

Nahradila starší metriku FID v březnu 2024. Měří celkovou odezvu stránky na všechny interakce uživatele (kliknutí, klepnutí, stisk klávesy). Sleduje čas od kliknutí až po vizuální aktualizaci obrazovky. * Ideální hodnota: do 200 milisekund. * Co ho ovlivňuje: Příliš mnoho JavaScriptu běžícího na pozadí, který blokuje hlavní vlákno procesoru.

Měří, jak moc se prvky na stránce nečekaně hýbou během načítání. Určitě jste zažili, že jste chtěli na něco kliknout, ale těsně předtím se tam objevil banner a stránka „poskočila“. * Ideální hodnota: méně než 0,1. * Co ho ovlivňuje: Obrázky bez definovaných rozměrů, dynamicky vkládané reklamy nebo fonty, které se načtou se zpožděním.

Existují dva typy dat, která Google sbírá:

1. **Field Data (Data z terénu):** Reálná data od uživatelů prohlížeče Chrome (CrUX report). Tato data jsou nejdůležitější pro [[seo|SEO]].
2. **Lab Data (Laboratorní data):** Simulované testy v kontrolovaném prostředí.

Nástroje pro měření: * PageSpeed Insights: Webový nástroj od Google, který analyzuje URL a navrhne zlepšení. * Google Search Console: Přehled Core Web Vitals pro celý váš web na jednom místě. * Lighthouse: Nástroj přímo v prohlížeči Chrome (F12 → Lighthouse).

• Lepší pozice ve vyhledávání: Google preferuje weby, které uživatele neobtěžují pomalým načítáním.
• Vyšší konverzní poměr: Lidé častěji nakoupí na webu, který je plynulý a stabilní.
• Nižší míra okamžitého opuštění (Bounce Rate): Pokud se web načítá déle než 3 sekundy, většina uživatelů na mobilu odchází.

• Optimalizace obrázků: Používání moderních formátů (WebP) a správná komprese.
• Odložení JavaScriptu: Načítat jen to, co je nezbytně nutné pro první zobrazení.
• Rezervace místa: Vždy definovat výšku a šířku pro obrázky a iframy v HTML, aby se předešlo CLS.
• Kvalitní hosting: Rychlá odpověď serveru je základem pro dobré LCP.

Související pojmy: SEO, JavaScript, Iframe, HTML, Pixel, Server, UX.