Core Web Vitals: co měřit a jak zlepšit rychlost

Core Web Vitals jsou sada metrik, kterými Google měří, jak rychle a plynule se web načítá z pohledu skutečného uživatele. Jsou součástí hodnocení a zároveň přímo ovlivňují, jestli návštěvník zůstane, nebo odejde. Dobrá zpráva je, že nejde o nic tajemného — stačí rozumět třem číslům a vědět, co je nejčastěji zhoršuje.

Tři klíčové metriky

• LCP (Largest Contentful Paint): za jak dlouho se vykreslí největší prvek na obrazovce, typicky hlavní obrázek nebo nadpis. Cíl: do 2,5 s.
• CLS (Cumulative Layout Shift): jak moc obsah „poskakuje“ během načítání. Cíl: pod 0,1.
• INP (Interaction to Next Paint): jak rychle web reaguje na kliknutí a interakce. Cíl: do 200 ms. INP nahradil dřívější metriku FID.

Jak zlepšit LCP

LCP nejčastěji kazí velké neoptimalizované obrázky a pomalé načítání. Pomáhá: převést obrázky do moderního formátu WebP a zmenšit je na reálně potřebnou velikost, načítat hlavní obrázek přednostně (loading="eager") a méně důležité odložit (loading="lazy"), omezit render-blokující CSS a využít cache a rychlý hosting. Samotný přechod z JPG na WebP často uspoří desítky až stovky kilobajtů na obrázek.

Jak zlepšit CLS

Layout poskakuje hlavně proto, že prohlížeč dopředu neví, kolik místa prvek zabere. Řešení: u obrázků a videí vždy uvádějte atributy width a height (nebo aspect-ratio v CSS), rezervujte místo pro reklamy a vkládané prvky a nevkládejte obsah nad už načtený obsah. Webové fonty načítejte tak, aby nezpůsobovaly přeskakování textu.

Jak zlepšit INP

INP zhoršuje hlavně těžký JavaScript, který blokuje hlavní vlákno. Pomáhá: omezit množství skriptů, rozdělit dlouhé úlohy, odložit nepodstatné skripty (defer) a načítat skripty třetích stran (chaty, analytika, widgety) až když jsou potřeba. Méně JavaScriptu je skoro vždy lepší.

Čím to změřit

Základ je PageSpeed Insights, který kombinuje laboratorní test (Lighthouse) s reálnými daty uživatelů. Měřte konkrétní stránky, ne jen homepage, a sledujte vývoj v čase. Jak číst výstup PageSpeed a co řešit jako první, navazuje na checklist technického SEO. Rychlost je přitom jen jedna část — nesmí kvůli ní utrpět správná sitemapa ani indexace.