====== 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 [[javascript|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 [[iframe|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.//