Tři metriky, na kterých záleží

Core Web Vitals jsou sada tří měřitelných ukazatelů, kterými Google vyjadřuje reálný zážitek návštěvníka z rychlosti a plynulosti webu. Na rozdíl od celkového skóre v PageSpeed Insights vstupují přímo do hodnocení ve vyhledávání.

  • LCP (Largest Contentful Paint) – jak rychle se zobrazí hlavní obsah. Cíl pod 2,5 s.
  • INP (Interaction to Next Paint) – jak rychle web reaguje na interakce. Cíl pod 200 ms.
  • CLS (Cumulative Layout Shift) – jak stabilní je rozložení během načítání. Cíl pod 0,1.

Jak zlepšit LCP

Hlavní obrázek nebo nadpis nad záhybem by se měl načíst co nejdřív. Pomáhá fetchpriority="high" na klíčovém obrázku, předání jeho rozměrů, moderní formáty WebP a AVIF a omezení blokujících skriptů v hlavičce.

Jak zlepšit INP

INP nahradilo starší metriku FID a měří odezvu na všechny interakce během návštěvy. Klíčem je menší množství JavaScriptu, rozdělení dlouhých úloh a vyhýbání se těžkým knihovnám tam, kde stačí pár řádků nativního kódu – typický příklad je zbytečné jQuery.

Jak zlepšit CLS

Skoky v rozložení nejčastěji způsobují obrázky a reklamy bez rezervovaného místa a fonty, které dodatečně přeskládají text. Vždy uvádějte width a height u obrázků a rezervujte prostor pro dynamický obsah.

Měřte daty z terénu, ne jen z laboratoře

Nástroj Lighthouse ukáže laboratorní hodnoty z jednoho měření, ale Google hodnotí reálná data od návštěvníků (CrUX). Skutečný stav proto sledujte v Search Console v sekci Core Web Vitals nebo v PageSpeed Insights, kde se obojí zobrazuje vedle sebe.

Na tomto webu jsem kvůli INP a LCP nahradil jQuery nativním JavaScriptem a klíčovým obrázkům nastavil prioritu načítání. Výkon měřím v PageSpeed Insights a dlouhodobou odezvu sleduji vlastní službou UptimeMonitor. Otevřít UptimeMonitor