Core Web Vitals jsou tři klíčové metriky, kterými Google měří uživatelský zážitek webů — a podle kterých rozhoduje i o pozicích ve vyhledávání. Jsou jednou z důležitých součástí technického SEO. Podívejme se na každou zvlášť.

LCP — Largest Contentful Paint

Měří, jak dlouho trvá, než se zobrazí hlavní viditelný prvek stránky — typicky velký obrázek nebo nadpis. Cíl: pod 2,5 sekundy.

Jak optimalizovat LCP

  • Optimalizace obrázků (WebP, AVIF, lazy loading)
  • Preload kritických zdrojů
  • CDN pro statické soubory
  • Vykreslování na serveru tam, kde je to možné

CLS — Cumulative Layout Shift

Měří, jak moc se posouvá obsah během načítání. Představte si, že chcete kliknout na tlačítko a v tom momentě se objeví reklama, která obsah posune. Cíl: pod 0,1.

Jak optimalizovat CLS

  • Vždy uvádějte width a height u obrázků
  • Rezervujte místo pro dynamický obsah
  • Vyhýbejte se vkládání obsahu nad existující
  • Používejte font-display: swap u webových fontů

INP — Interaction to Next Paint

Nahradila starší metriku FID v březnu 2024. Měří responzivitu na uživatelské akce — kliknutí, klávesnice, dotyk. Cíl: pod 200 ms.

Jak optimalizovat INP

  • Minimalizovat JavaScript, který běží během interakce
  • Rozdělit dlouhé úlohy na menší
  • Používat requestIdleCallback
  • Odložené načítání nepodstatných komponent

Jak měřit Core Web Vitals

Nejjednodušeji přes PageSpeed Insights (pagespeed.web.dev). Pro detailnější pohled použijte Chrome DevTools — Lighthouse audit nebo Performance panel. V produkci je dobré mít real-user monitoring (RUM), např. přes Web Vitals JS knihovnu.

Závěr

Core Web Vitals nejsou jen Google ranking faktor — jsou reálným ukazatelem kvality uživatelského zážitku. Jejich optimalizace je investice, která se vrátí nejen v lepších SEO pozicích, ale i ve vyšších konverzích.