Rychlost webu není jen technický detail – je to přímý faktor hodnocení Googlu a klíčová složka uživatelského zážitku. Core Web Vitals jsou metriky, které Google používá k měření výkonu stránek. Jak fungují, jak je měřit a co s nimi dělat?
Co jsou Core Web Vitals
Core Web Vitals jsou sada tří základních metrik, které Google od roku 2021 používá jako součást hodnocení kvality stránek (Page Experience signal). V roce 2024 proběhla aktualizace: INP nahradilo FID jako metriku interaktivity.
Tři metriky Core Web Vitals jsou:
- LCP (Largest Contentful Paint) – rychlost načtení největšího viditelného prvku stránky
- INP (Interaction to Next Paint) – rychlost odezvy na interakci uživatele
- CLS (Cumulative Layout Shift) – vizuální stabilita stránky (pohyb prvků při načítání)
LCP – Largest Contentful Paint
LCP měří, jak rychle se načte největší viditelný prvek stránky – typicky hlavní obrázek, hero sekce nebo velký text.
Prahové hodnoty:
- Dobrý: do 2,5 sekundy
- Potřebuje zlepšení: 2,5 – 4 sekundy
- Špatný: nad 4 sekundy
Jak zlepšit LCP
- Preloading klíčových obrázků – přidejte
<link rel="preload">pro hero obrázek - Optimalizace obrázků – používejte formát WebP nebo AVIF, komprimujte soubory
- Critical CSS inline – vložte kritické CSS přímo do
<head>, aby se stránka mohla vykreslit bez čekání na externí soubory - Server-side rendering (SSR) – pro JavaScript frameworky
- CDN a dobrý hosting – zkraťte čas odpovědi serveru (TTFB pod 600 ms)
INP – Interaction to Next Paint
INP je nejnovější metrika Core Web Vitals, zavedená v březnu 2024 jako náhrada za FID. Měří celý životní cyklus interakce – od kliknutí uživatele po zobrazení vizuální odpovědi stránky.
Prahové hodnoty:
- Dobrý: do 200 milisekund
- Potřebuje zlepšení: 200 – 500 ms
- Špatný: nad 500 ms
INP je v roce 2026 nejčastěji nezdařená metrika – přibližně 43 % stránek stále nesplňuje prah 200 ms.
Jak zlepšit INP
- Rozdělte dlouhé JavaScript úlohy – úlohy trvající déle než 50 ms blokují hlavní vlákno
- Lazy loading JavaScript – načítejte skripty třetích stran asynchronně
- Optimalizace event handlerů – zjednodušte reakce na kliknutí a jiné interakce
- Web Workers – přesuňte výpočetně náročné operace mimo hlavní vlákno
- Redukce JavaScript bloatware – odstraňte nepoužívané skripty (analytika, chatboty, widgety)
CLS – Cumulative Layout Shift
CLS měří vizuální stabilitu stránky – jak moc se prvky pohybují při načítání. Nic nefrustuje uživatele více, než když klikne na tlačítko a text se posune přesně v tu chvíli.
Prahové hodnoty:
- Dobrý: do 0,1
- Potřebuje zlepšení: 0,1 – 0,25
- Špatný: nad 0,25
Jak zlepšit CLS
- Definujte rozměry obrázků – vždy nastavte
widthaheightatributy v HTML - Rezervujte místo pro reklamy a embedy – dynamicky načítaný obsah bez rezervovaného prostoru způsobuje posuny
- Vyhněte se vkládání obsahu nad existující obsah – bannery, cookie lišty, notifikace
- Font-display: swap – zajistěte, aby web font nezpůsoboval skok textu při načtení
Jak měřit Core Web Vitals
Google nástroje (zdarma)
- PageSpeed Insights (pagespeed.web.dev) – analýza konkrétní URL, data z reálných uživatelů (CrUX) i laboratorní data
- Google Search Console – přehled Core Web Vitals pro celý web, rozdělení stránek na dobré/špatné
- Chrome DevTools – Lighthouse panel pro detailní analýzu
- web.dev/measure – komplexní analýza výkonu
Klíčový rozdíl: laboratorní vs. reálná data
Google hodnotí Core Web Vitals na základě reálných dat uživatelů (CrUX dataset), nikoli laboratorních testů. PageSpeed Insights zobrazuje oboje – pro SEO jsou relevantní primárně reálná data.
Dopad Core Web Vitals na SEO a byznys
Core Web Vitals jsou součástí Page Experience signálu, který Google zahrnuje do hodnocení stránek. Přestože jejich váha není tak dominantní jako relevance obsahu nebo zpětné odkazy, při rovnocenných ostatních faktorech mohou rozhodnout o pořadí.
Obchodní dopad je přitom jasný:
- Weby, které splní všechny tři metriky, vykazují průměrně o 24 % nižší bounce rate
- E-shopy s dobrými Core Web Vitals zaznamenávají zlepšení konverzního poměru o 15–30 %
Závěr
Core Web Vitals jsou v roce 2026 základní hygienou každého seriózního webu. LCP, INP a CLS měřte pravidelně v Google Search Console a PageSpeed Insights. Nejčastějším problémem zůstává INP – pokud máte na webu hodně JavaScriptu, začněte právě tam. Rychlý web nejen lépe rankuje, ale přesvědčuje uživatele, aby zůstali a konvertovali.
Zdroje
- Core Web Vitals 2026: INP, LCP & CLS Optimization – Digital Applied
- What Are the Core Web Vitals? LCP, INP & CLS Explained (2026) – CoreWebVitals.io
- Core Web Vitals Guide 2026: LCP, CLS & INP Explained + How to Fix – W3Era
- The Most Important Core Web Vitals Metrics in 2026 – NitroPack
- SEO & Core Web Vitals 2026: Complete Guide – Mewa Studio




