Core Web Vitals sú tri kľúčové metriky, ktorými Google meria používateľský zážitok webov — a podľa ktorých rozhoduje aj o pozíciách vo vyhľadávaní. Pozrime sa na každú zvlášť.

LCP — Largest Contentful Paint

Meria, ako dlho trvá, kým sa zobrazí hlavný viditeľný prvok stránky — typicky veľký obrázok alebo nadpis. Cieľ: pod 2.5 sekundy.

Ako optimalizovať LCP

  • Optimalizácia obrázkov (WebP, AVIF, lazy loading)
  • Preload kritických zdrojov
  • CDN pre statické súbory
  • Vykresľovanie na serveri tam, kde je to možné

CLS — Cumulative Layout Shift

Meria, ako veľmi sa posúva obsah počas načítania. Predstavte si, že chcete kliknúť na tlačidlo a v tom momente sa objaví reklama, ktorá obsah posunie. Cieľ: pod 0.1.

Ako optimalizovať CLS

  • Vždy uvádzajte width a height na obrázkoch
  • Rezervujte miesto pre dynamický obsah
  • Vyhýbajte sa vkladaniu obsahu nad existujúci
  • Používajte font-display: swap pri webových fontoch

INP — Interaction to Next Paint

Nahradila staršiu metriku FID v marci 2024. Meria responzívnosť na používateľské akcie — kliknutie, klávesnica, dotyk. Cieľ: pod 200 ms.

Ako optimalizovať INP

  • Minimalizovať JavaScript, ktorý beží počas interakcie
  • Rozdeliť dlhé úlohy na menšie
  • Používať requestIdleCallback
  • Odložené načítanie nepodstatných komponentov

Ako merať Core Web Vitals

Najjednoduchšie cez PageSpeed Insights (pagespeed.web.dev). Pre detailnejší pohľad použite Chrome DevTools — Lighthouse audit alebo Performance panel. V produkcii je dobré mať real-user monitoring (RUM) napr. cez Web Vitals JS knižnicu.

Záver

Core Web Vitals nie sú len Google ranking faktor — sú reálnym ukazovateľom kvality používateľského zážitku. Ich optimalizácia je investícia, ktorá sa vráti nielen v lepších SEO pozíciách, ale aj vo vyšších konverziách.