Core Web Vitals

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.

Tři hlavní metriky (Svatý grál UX)

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

1. LCP (Largest Contentful Paint) – Načítání

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.

2. INP (Interaction to Next Paint) – Interaktivita

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.

3. CLS (Cumulative Layout Shift) – Vizuální stabilita

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.

Jak metriky měřit?

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).

Proč jsou Core Web Vitals důležité?

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í.

Jak metriky zlepšit?

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.