Core Web Vitals měří rychlost, odezvu a stabilitu webu. Co znamenají LCP, INP a CLS, jak je změřit a hlavně jak je zlepšit – návod krok za krokem.
Core Web Vitals jsou sada metrik, kterými Google měří, jak rychlý, plynulý a stabilní je váš web z pohledu skutečného uživatele. Nejsou to jen technická čísla pro vývojáře – jsou to potvrzené hodnoticí signály, které ovlivňují pozice, a zároveň přímo souvisejí se zkušeností návštěvníků a konverzemi.
V tomto návodu vám jako SEO specialista vysvětlím, co Core Web Vitals znamenají, jak je změřit a hlavně jak je zlepšit.
Co jsou Core Web Vitals
Core Web Vitals (česky „základní webové ukazatele“) jsou sada metrik od Googlu, které měří kvalitu uživatelské zkušenosti při načítání a používání stránky. Místo abstraktního „rychlosti webu“ se zaměřují na konkrétní, měřitelné aspekty toho, jak web vnímá skutečný návštěvník: jak rychle se načte hlavní obsah, jak rychle stránka reaguje na interakci a zda se během načítání vizuálně „neposkakuje“.
Google tyto metriky zavedl jako součást hodnocení zkušenosti se stránkou a potvrdil, že jsou jedním z faktorů ovlivňujících pozice. Důležité je, že Core Web Vitals vycházejí z reálných dat uživatelů – z toho, jak se web chová na různých zařízeních a připojeních, ne jen v laboratorních podmínkách.
Pro majitele webu jsou užitečné dvojnásob: jednak jako SEO signál, jednak jako konkrétní vodítko, kde má web technické slabiny zhoršující zkušenost. Pochopení toho, co Core Web Vitals jsou, je prvním krokem k tomu, abyste je dokázali změřit a zlepšit.
V dalších částech projdu tři hlavní metriky, vysvětlím, proč ovlivňují SEO, jak je zjistit a jaké konkrétní kroky vedou k jejich zlepšení.
Tři hlavní metriky
Core Web Vitals tvoří tři metriky, každá měří jiný aspekt zkušenosti:
| Metrika | Co měří | Dobrá hodnota |
|---|---|---|
| LCP | Rychlost načtení hlavního obsahu | do 2,5 s |
| INP | Odezva na interakci uživatele | do 200 ms |
| CLS | Vizuální stabilita rozvržení | do 0,1 |
LCP: rychlost načtení obsahu
LCP (Largest Contentful Paint) měří, jak dlouho trvá, než se načte největší viditelný prvek stránky – obvykle hlavní obrázek, nadpis nebo blok textu „nad ohybem“ (to, co uživatel vidí bez rolování). Jednoduše řečeno: za jak dlouho uživatel uvidí, že se stránka skutečně načetla a má před sebou hlavní obsah.
Za dobrou hodnotu se považuje LCP do 2,5 sekundy. Pomalé LCP znamená, že uživatel zírá na prázdnou nebo nedonačtenou stránku a roste šance, že odejde dřív, než web vůbec uvidí.
LCP nejčastěji zhoršují velké neoptimalizované obrázky, pomalý server nebo hosting, blokující skripty a styly a pomalé načítání písem. Je to obvykle metrika, která má největší dopad na vnímanou rychlost, takže její zlepšení se nejvíc projeví.
Pochopení LCP vám pomohe zaměřit se na to, co uživatele zdržuje nejvíc – na rychlost zobrazení hlavního obsahu. Ke konkrétním krokům, jak LCP zlepšit, se dostanu v části o optimalizaci; zjednodušeně jde hlavně o odlehčení a zrychlení toho, co se načítá jako první a největší.
INP: odezva na interakci
INP (Interaction to Next Paint) měří, jak rychle stránka reaguje na interakce uživatele – kliknutí, ťuknutí, stisk klávesy. Konkrétně sleduje prodlevu mezi tím, kdy uživatel něco udělá, a kdy se na to stránka viditelně „probere“ a zareaguje.
INP v roce 2024 nahradil starší metriku FID a je přísnější, protože hodnotí odezvu během celé návštěvy, ne jen u první interakce. Za dobrou hodnotu se považuje INP do 200 milisekund.
Špatné INP znamená, že web působí „zaseknutě“ – kliknete a chvíli se nic neděje, což uživatele frustruje. Nejčastější příčinou je těžký JavaScript, který blokuje hlavní vlákno prohlížeče a brání mu rychle reagovat.
INP zhoršují rozsáhlé, neoptimalizované skripty, mnoho doplňků a náročné operace běžící při interakci. Pochopení INP vám pomohe vnímat, že rychlost není jen o načtení, ale i o tom, jak svižně web reaguje, když ho začnete používat.
Zlepšení INP obvykle vede přes odlehčení a optimalizaci JavaScriptu, aby prohlížeč zvládal interakce rychle a plynule.
CLS: vizuální stabilita
CLS (Cumulative Layout Shift) měří vizuální stabilitu stránky – tedy zda se prvky během načítání „neposkakují“ a nepřeskupují pod rukama uživatele. Znáte to: chcete kliknout na tlačítko, ale v tu chvíli se nad ním donačte obrázek nebo reklama, vše se posune a vy kliknete na něco jiného.
Přesně tohle CLS zachycuje. Za dobrou hodnotu se považuje CLS do 0,1.
Vysoké CLS je nejen otravné, ale i příčinou chybných kliknutí a celkového dojmu nekvalitního webu. Nejčastější příčiny jsou: obrázky a videa bez uvedených rozměrů (prohlížeč pro ně nerezervuje místo), reklamy a vložené prvky, které se donačtou a odsunou obsah, a písma, která při načtení změní rozvržení.
Řešením je rezervovat prostor pro prvky předem (uvádět rozměry obrázků, vyhradit místo pro reklamy) a vyhnout se vkládání obsahu, který odsune to, co už uživatel vidí. Pochopení CLS vám pomohe vnímat stabilitu jako součást kvality – web, který se při načítání neposkakuje, působí profesionálně a pohodlně.
CLS je obvykle nejsnáz řešitelná ze tří metrik, protože jde hlavně o správné rezervování místa.
Proč Core Web Vitals ovlivňují SEO
Google potvrdil, že Core Web Vitals jsou součástí hodnocení zkušenosti se stránkou a patří mezi faktory ovlivňující pozice. Není to ale tak, že by špatné Core Web Vitals web automaticky „shodily“ nebo dobré samy o sobě vystřelily nahoru – jsou jedním z mnoha signálů a obsah a relevance zůstávají důležitější.
Jejich vliv je spíš v tom, že za jinak srovnatelných podmínek zvýhodňují web s lepší zkušeností. Důležitější než honba za čísly je ale to, co za nimi stojí: Core Web Vitals měří reálnou zkušenost uživatele, a ta SEO ovlivňuje i nepřímo.
Rychlý, plynulý a stabilní web drží návštěvníky déle, snižuje míru opuštění a zvyšuje konverze – a tyto signály spokojenosti vyhledávači naznačují kvalitu. Pomalý, zasekaný web naopak lidi odhání zpět do vyhledávání.
Více o vztahu zkušenosti a pozic najdete v pilíři UX a SEO. Pochopení, proč Core Web Vitals ovlivňují SEO, vám pomohe brát je vážně, ale ve správné míře – jako jeden z faktorů a hlavně jako měřítko zkušenosti, kterou web nabízí.
Zlepšení Core Web Vitals tak slouží pozicím i návštěvníkům zároveň.
Jak Core Web Vitals změřit
Core Web Vitals zjistíte několika nástroji, většinou zdarma od Googlu. PageSpeed Insights je nejrychlejší: zadáte URL a získáte hodnoty LCP, INP a CLS jak z reálných dat uživatelů, tak z laboratorního testu, plus konkrétní doporučení, co zlepšit.
Google Search Console má samostatný report Core Web Vitals, který ukazuje, jak na tom je celý web (které skupiny stránek jsou v pořádku, které potřebují zlepšit) na základě reálných dat – to je ideální pro průběžné sledování. Pro hlubší ladění slouží nástroj Lighthouse (v prohlížeči Chrome) a vývojářské nástroje.
Důležité je rozlišovat reálná data uživatelů (co skutečně zažívají návštěvníci) od laboratorních testů (simulace) – pro hodnocení Googlem jsou klíčová reálná data. Měřte odděleně mobil a počítač, protože hodnoty se liší a mobil bývá náročnější.
Pochopení, jak Core Web Vitals změřit, vám pomohe vědět, kde web stojí, a sledovat, zda se vaše úpravy projevují. Bez měření byste optimalizovali naslepo; s PageSpeed Insights a Search Console máte jasná data o tom, co a kde zlepšit a jaký to má efekt.
Jak zlepšit rychlost (LCP)
Pro zlepšení LCP a celkové rychlosti pomáhá hlavně odlehčit a urychlit to, co se načítá jako první:
- optimalizujte obrázky (komprese, moderní formáty, správná velikost),
- používejte kvalitní, rychlý hosting a mezipaměť (cache),
- omezte a odložte blokující skripty a styly,
- nasaďte CDN pro rychlejší doručení obsahu,
- optimalizujte načítání písem, ať nezdržují zobrazení.
Jak zlepšit odezvu (INP) a stabilitu (CLS)
Zlepšení INP vede především přes optimalizaci JavaScriptu, protože právě těžké skripty blokují prohlížeč a brání rychlé odezvě. Pomáhá omezit množství a velikost skriptů, rozdělit náročné operace, odložit nepodstatný JavaScript a obecně „odlehčit“ web od zbytečných doplňků a kódu, který běží při interakci.
Čím méně musí prohlížeč zpracovávat, tím svižněji reaguje. Zlepšení CLS je naopak většinou jednodušší a jde hlavně o rezervování místa: uvádějte u obrázků a videí jejich rozměry, aby pro ně prohlížeč předem vyhradil prostor; vyhraďte místo pro reklamy a vkládané prvky, aby po načtení neodsunuly obsah; a zajistěte, aby se písma načítala bez „skoku“ v rozvržení.
Obecně se vyhněte vkládání obsahu nad to, co už uživatel vidí. Pochopení, jak zlepšit INP a CLS, vám pomohe doladit dvě často opomíjené metriky – plynulost a stabilitu.
Zatímco rychlost (LCP) řeší většina lidí, právě svižná odezva a klidné, neposkakující rozvržení dělají rozdíl mezi webem, který „nějak funguje“, a webem, který je skutečně příjemný na používání. U náročnějších technických úprav (zvlášť INP) se vyplatí spolupráce s vývojářem.
Časté chyby u Core Web Vitals, které vídám
U Core Web Vitals se opakují tyto chyby:
- velké neoptimalizované obrázky brzdící LCP,
- přemíra doplňků a těžkého JavaScriptu zhoršující INP,
- obrázky a reklamy bez rezervovaného místa (vysoké CLS),
- optimalizace jen na počítači, mobil se zanedbá,
- honba za skóre 100 místo reálné zkušenosti uživatele.
Jak ke Core Web Vitals přistupovat
Core Web Vitals je nejlepší vnímat ne jako test, který musíte „projít na sto procent“, ale jako vodítko ke skutečně rychlému, plynulému a stabilnímu webu. Cílem není perfektní skóre v nástroji, ale dobrá reálná zkušenost návštěvníků – to je to, co Google hodnotí i co zvyšuje konverze.
Začněte měřením (PageSpeed Insights a Search Console), zaměřte se na metriky a stránky, které jsou nejhorší, a postupně je zlepšujte: nejdřív obvykle obrázky a rychlost (LCP), pak stabilita (CLS) a nakonec náročnější odezva (INP). Sledujte reálná data v Search Console a ověřujte, že se úpravy projevují.
Nezapomínejte na mobil, kde bývají hodnoty horší. U technicky náročnějších zásahů se vyplatí vývojář.
Pochopení, jak ke Core Web Vitals přistupovat, vám pomohe nepodlehnout honbě za čísly, ale soustředit se na podstatu – web, který je pro lidi rychlý a příjemný. Takový web těží dvakrát: lepší zkušeností a konverzemi i příznivějším signálem pro vyhledávač.
Core Web Vitals jsou tak praktický můstek mezi technickou kvalitou webu a jeho výkonem v SEO i byznysu.
- Core Web Vitals měří rychlost (LCP), odezvu (INP) a stabilitu (CLS).
- Jsou potvrzeným SEO signálem a měřítkem reálné zkušenosti.
- Měřte v PageSpeed Insights a Search Console, zvlášť na mobilu.
- Zlepšujte hlavně obrázky, JavaScript a rezervování místa pro prvky.
Máte pomalý web nebo špatné Core Web Vitals? Rád ho proměřím a navrhnu konkrétní kroky ke zrychlení v rámci SEO analýzy a komplexní optimalizace webových stránek.
Často kladené otázky
Co jsou Core Web Vitals?
Sada metrik od Googlu, které měří kvalitu uživatelské zkušenosti při načítání a používání stránky – rychlost načtení hlavního obsahu (LCP), odezvu na interakci (INP) a vizuální stabilitu rozvržení (CLS). Vycházejí z reálných dat uživatelů.
Jsou Core Web Vitals faktor pro SEO?
Ano, Google je potvrdil jako součást hodnocení zkušenosti se stránkou a faktor ovlivňující pozice. Nejsou ale všemocné – obsah a relevance zůstávají důležitější. Zvýhodňují web s lepší zkušeností za jinak srovnatelných podmínek.
Jaké jsou dobré hodnoty?
LCP do 2,5 sekundy, INP do 200 milisekund a CLS do 0,1. Tyto hodnoty se posuzují zvlášť pro mobil a počítač a na základě reálných dat uživatelů, ne jen laboratorního testu. Mobil bývá náročnější.
Jak Core Web Vitals změřím?
Nejrychleji přes PageSpeed Insights (zadáte URL). Pro celý web slouží report Core Web Vitals v Google Search Console na základě reálných dat. Pro hlubší ladění Lighthouse a vývojářské nástroje v Chrome. Vše je zdarma.
Co nejvíc zhoršuje Core Web Vitals?
LCP hlavně velké neoptimalizované obrázky a pomalý hosting; INP těžký JavaScript a přemíra doplňků; CLS obrázky a reklamy bez rezervovaného místa. Řešením je optimalizace obrázků, odlehčení skriptů a rezervování prostoru pro prvky.
Musím mít skóre 100?
Ne. Cílem není perfektní skóre, ale dobrá reálná zkušenost uživatelů a hodnoty v doporučených mezích. Honba za stovkou je často neúčelná – důležitější je, aby byl web pro návštěvníky skutečně rychlý, plynulý a stabilní.
