Core Web Vitals 2026: Co jsou, jak je změřit a jak zlepšit skóre webu

Published by Marek Smékal on 30. 5. 2026

Otevřete Google Search Console, kliknete na „Prostředí stránek” a najednou vidíte červená čísla. LCP, CLS, INP – tři záhadné zkratky, ke kterým Google říká, že váš web „vyžaduje zlepšení”. Co to znamená? Proč na tom záleží? A hlavně – co s tím?

Core Web Vitals jsou jedním z nejvíce nepochopeních témat v SEO. Přitom od roku 2021 jsou přímým rankingovým faktorem – Google je používá při rozhodování, kdo se zobrazí výše ve výsledcích vyhledávání. A v roce 2026, kdy jsou weby stále těžší a plnější skriptů, je jejich vliv větší než kdy dřív.

V tomto článku vám vysvětlím, co každá metrika znamená, jak ji změřit a – hlavně – jak ji zlepšit. Bez zbytečného technického žargonu.

Co jsou Core Web Vitals a proč Google zavedl

Google dlouhodobě tvrdí, že mu záleží na zážitku uživatele. Core Web Vitals jsou způsob, jak tento zážitek změřit konkrétními čísly. Zavedl je v roce 2021 jako součást tzv. Page Experience signálů a od té doby jsou jedním z oficiálních rankingových faktorů.

Celkově existuje desítky metrik, které Google sleduje, ale Core Web Vitals jsou tři hlavní – ty, na kterých záleží nejvíce:

• LCP (Largest Contentful Paint) – jak rychle se načte hlavní obsah stránky
• INP (Interaction to Next Paint) – jak rychle web reaguje na kliknutí nebo stisk
• CLS (Cumulative Layout Shift) – jak moc se stránka „poskakuje” při načítání

Každá metrika má jasné prahové hodnoty: zelená (dobrá), oranžová (vyžaduje zlepšení) a červená (špatná). Google bere v potaz pouze reálná data od skutečných návštěvníků vašeho webu – ne laboratorní testy.

LCP – Largest Contentful Paint

Co to je

LCP měří, za jak dlouho se načte největší viditelný prvek na stránce – obvykle hlavní obrázek, hero banner nebo velký nadpis. Je to prakticky odpověď na otázku: „Kdy uživatel poprvé vidí, o čem stránka je?”

Prahové hodnoty

• ✅ Dobrá: do 2,5 sekundy
• ⚠️ Vyžaduje zlepšení: 2,5 – 4 sekundy
• ❌ Špatná: nad 4 sekundy

Proč na tom záleží

Představte si, že otevřete web na mobilu a půl minuty vidíte jen bílou obrazovku. Většina lidí stránku zavře. Google to ví a weby, které nechávají uživatele čekat, trestá nižšími pozicemi.

Jak LCP zlepšit

Největším viníkem jsou téměř vždy obrázky. Konkrétní kroky:

Zkomprimujte a převeďte obrázky do WebP. Moderní formát WebP je o 25–35 % menší než JPEG nebo PNG při stejné vizuální kvalitě. Na WordPressu to za vás udělá plugin ShortPixel nebo Imagify.

Přidejte loading="eager" a fetchpriority="high" na hlavní obrázek. Říká prohlížeči, aby načetl tento obrázek jako první – ještě před ostatními zdroji na stránce.

Zapněte lazy loading na ostatní obrázky. Obrázky níže na stránce se načtou až ve chvíli, kdy na ně uživatel scrolluje. Na WordPressu je lazy loading od verze 5.5 automatický.

Použijte CDN (Content Delivery Network). CDN ukládá kopii vašeho webu na serverech po celém světě a návštěvníkovi ho servíruje z nejbližšího serveru. Pro české weby jsou dobrými volbami Cloudflare (zdarma) nebo BunnyCDN.

Zapněte cache. Nastavte správné HTTP cache hlavičky nebo použijte caching plugin (WP Rocket, LiteSpeed Cache). Opakovaným návštěvníkům se stránka načte z mezipaměti – okamžitě.

Zkontrolujte hosting. Pomalý hosting je základ špatného LCP. Sdílený hosting za 2 € měsíčně prostě nestačí. Investice do kvalitnějšího hostingu (např. Wedos, Reliable, Websupport) se v rychlosti okamžitě projeví.

INP – Interaction to Next Paint

Co to je

INP je nejnovější ze tří Core Web Vitals – Google ho zavedl jako závaznou metriku v březnu 2024 a nahradil jím starší FID (First Input Delay). Měří, jak rychle web zareaguje na interakci uživatele – kliknutí na tlačítko, rozbalení menu, odeslání formuláře.

Konkrétně: od okamžiku, kdy uživatel klikne, do chvíle, kdy prohlížeč vizuálně zobrazí reakci – to je INP.

Prahové hodnoty

• ✅ Dobrá: do 200 milisekund
• ⚠️ Vyžaduje zlepšení: 200 – 500 ms
• ❌ Špatná: nad 500 ms

Proč na tom záleží

Web, který nereaguje okamžitě na kliknutí, působí rozbitě a pomalým dojmem – i kdyby se načetl rychle. Uživatelé kliknou dvakrát, třikrát, a pak odejdou.

Jak INP zlepšit

INP je technicky nejkomplexnější metrika. Hlavní příčiny pomalé odezvy:

Příliš mnoho JavaScriptu. Každý plugin, chatbot, analytický skript nebo marketingový nástroj přidává na stránku JavaScript, který musí prohlížeč zpracovat. Čím více skriptů, tím pomalejší odezva.

Co s tím:

• Auditujte pluginy na WordPressu – odstraňte ty, které opravdu nepotřebujete
• Nastavte načítání skriptů třetích stran (Google Analytics, Facebook Pixel, Hotjar) jako asynchronní nebo je odložte
• Použijte plugin jako WP Rocket nebo Flying Scripts, který načítá JavaScript až po první interakci uživatele

Zablokovaný hlavní vlákno (main thread). Prohlížeč zpracovává JavaScript na jednom vlákně – pokud ho zahltíte, nestíhá reagovat na kliknutí. Řešením je rozdělení dlouhých úloh na kratší části nebo jejich přesun do Web Workers.

Pomalé servery. I rychlá odezva na klik závisí na tom, jak rychle server odpoví na API požadavky. Opět pomáhá kvalitní hosting a cache.

CLS – Cumulative Layout Shift

Co to je

CLS měří vizuální stabilitu stránky – jak moc se elementy na stránce pohybují při načítání. Znáte to: čtete text, stránka se načte, obrázek se „poskočí” a vy omylem kliknete na reklamu místo na odkaz, který jste chtěli.

CLS se měří jako bezrozměrné číslo – čím nižší, tím lepší.

Prahové hodnoty

• ✅ Dobrá: do 0,1
• ⚠️ Vyžaduje zlepšení: 0,1 – 0,25
• ❌ Špatná: nad 0,25

Proč na tom záleží

Poskakující stránka frustruje uživatele a způsobuje chybné kliknutí. Google to vnímá jako špatný uživatelský zážitek a snižuje hodnocení stránky.

Jak CLS zlepšit

Vždy definujte rozměry obrázků a videí v HTML. Nejčastější příčina CLS: obrázek nemá nastavené width a height, takže prohlížeč nezná jeho rozměry předem. Stránka se „poskočí” ve chvíli, kdy se obrázek načte. Řešení: vždy přidejte atributy width a height ke každému obrázku.

Vyhněte se dynamicky vkládanému obsahu nad existujícím textem. Banery, cookie lišty, oznámení nebo reklamy, které se načtou dodatečně a posunou existující obsah dolů, jsou klasickým zdrojem CLS. Rezervujte pro ně prostor předem nebo je umístěte na pevné pozice.

Načítejte fonty správně. Webové fonty se načítají asynchronně – dokud nejsou k dispozici, prohlížeč použije náhradní font jiné velikosti. Ve chvíli přepnutí dojde k posunu textu. Řešení: přidejte font-display: swap nebo font-display: optional do CSS a předem načtěte klíčové fonty pomocí <link rel="preload">.

Animace a přechody: Používejte výhradně CSS transformace (transform, opacity), které nemění layout stránky. Animace měnící výšku nebo šířku elementů způsobují CLS.

Jak Core Web Vitals změřit

Než začnete cokoliv opravovat, potřebujete vědět, kde stojíte. Tady jsou nejlepší nástroje – většina zdarma.

Google Search Console (zdarma) – nejdůležitější

Přejděte do Search Console → Prostředí stránek → Core Web Vitals. Tady vidíte reálná data od skutečných návštěvníků vašeho webu za posledních 28 dní. Google tu rozděluje výsledky na mobil a desktop a ukazuje konkrétní URL, které mají problémy.

Proč je to nejdůležitější nástroj: ostatní nástroje měří v laboratoři, ale Google hodnotí reálná data. Pokud chcete vědět, co Google vidí, jděte přímo do zdroje.

PageSpeed Insights (zdarma)

Zadejte URL na pagespeed.web.dev a během 30 sekund dostanete kompletní analýzu – jak laboratorní výsledky, tak reálná data (pokud je Google má k dispozici). Navíc dostanete konkrétní doporučení, co opravit a jak velký dopad to bude mít.

Lighthouse (zdarma, v Chrome)

Otevřete Chrome DevTools (F12) → záložka Lighthouse → spusťte analýzu. Lighthouse měří laboratorně – výsledky jsou tedy ideální, ne reálné, ale jsou skvělé pro diagnostiku při vývoji a testování změn.

GTmetrix (zdarma / placená verze)

Oblíbený nástroj, který kombinuje Lighthouse a Web Vitals a nabízí vizuální waterfall graf načítání – vidíte přesně, co se načítá kdy a co stránku zpomaluje. Bezplatná verze měří z jednoho místa (Vancouver, CA), placená verze umožňuje měření z Evropy.

WebPageTest (zdarma)

Pokročilejší nástroj pro ty, kdo chtějí jít do hloubky. Umožňuje měřit z různých lokací, různých prohlížečů a na simulovaných pomalých připojeních. Skvělý pro identifikaci přesných příčin pomalého načítání.

Core Web Vitals na WordPressu – praktický postup

WordPress pohání přes 40 % webů na internetu – a zároveň je to platforma, kde jsou Core Web Vitals nejčastěji problematické. Příliš mnoho pluginů, těžká témata, nekomprimované obrázky.

Základní kroky pro zlepšení Core Web Vitals na WordPressu

1. Vyberte rychlé téma. Těžká prémiová témata (Divi, Avada, BeTheme) jsou pomalá od přírody. Moderní lehká témata jako GeneratePress, Kadence nebo Blocksy jsou stavěná s ohledem na výkon.

2. Nainstalujte caching plugin. WP Rocket je zlatý standard (placený), LiteSpeed Cache je zdarma a velmi výkonný (vyžaduje LiteSpeed server). Oba řeší cache stránek, minifikaci CSS a JS i lazy loading.

3. Optimalizujte obrázky. ShortPixel nebo Imagify automaticky zkomprimují a převedou obrázky do WebP. Nastavte je jednou a zapomeňte.

4. Omezte počet pluginů. Každý plugin může přidávat skripty a styly na všechny stránky webu. Pravidelně auditujte – odstraňte co nepotřebujete, u ostatních zkontrolujte, zda nenačítají zdroje zbytečně.

5. Zvažte upgrade hostingu. Na sdíleném hostingu za pár eur měsíčně kvalitní Core Web Vitals těžko dosáhnete. Managed WordPress hosting (Kinsta, WP Engine) nebo alespoň VPS výrazně zlepší TTFB (Time to First Byte) a tím i LCP.

6. Nastavte Cloudflare. Bezplatný Cloudflare přidá CDN, základní cache a ochranu bez nutnosti měnit hosting. Nastavení zabere 30 minut a zlepšení rychlosti je okamžité.

Nejčastější mýty o Core Web Vitals

„Dostal jsem 100 v PageSpeed Insights, takže jsem v pohodě.” Skóre 100 v PageSpeed je laboratorní výsledek. Google hodnotí reálná data z Google Search Console. Web může mít skóre 100 v testu a přesto mít červené Core Web Vitals v Search Console – a naopak.

„Core Web Vitals jsou jen technická záležitost, obsah je důležitější.” Obsah a technický výkon nejsou v protikladu. Skvělý obsah na pomalém webu ztrácí část svého potenciálu – uživatelé odejdou, než se stihne načíst. Obojí je důležité.

„Stačí to opravit jednou.” Core Web Vitals se mění s každou změnou webu – novým pluginem, obrázkem nebo skriptem. Monitoring by měl být pravidelný, ideálně měsíční kontrola v Search Console.

„Platí to jen pro velké weby.” Google hodnotí Core Web Vitals u každého webu, kde má dostatek dat od skutečných uživatelů. Malé weby s nízkou návštěvností Google hodnotí pomocí skupinových dat ze Chrome User Experience Report.

Shrnutí: kde začít

Pokud jste se v tomto článku ztratili a nevíte, co udělat jako první, tady je jednoduchý plán:

1. Otevřete Google Search Console → Core Web Vitals → podívejte se, které stránky jsou červené
2. Spusťte PageSpeed Insights na vaší hlavní stránce a prohlédněte si doporučení
3. Začněte od LCP – zkomprimujte obrázky, zapněte cache, zkontrolujte hosting
4. Pak řešte CLS – přidejte rozměry obrázkům, zkontrolujte cookie lištu
5. INP nechte na konec – je technicky nejsložitější, ale pro většinu menších webů není primárním problémem

Core Web Vitals nejsou záhada. Jsou to měřitelné metriky s konkrétními příčinami a konkrétními řešeními. A web, který je má v zeleném pásmu, nejenže rankuje lépe – ale také lépe konvertuje, protože návštěvníci se na něm prostě cítí lépe.

Potřebujete pomoct s technickým SEO a rychlostí vašeho webu? Podívám se na váš konkrétní případ – nezávazná konzultace zdarma.