Filip Poláček filip@fpolacek.cz

Weby

Jak změřit rychlost webu a jak ho zrychlit?

Rychlost webu změříte zdarma za minutu v nástroji PageSpeed Insights od Googlu na pagespeed.web.dev. Rozhodují tři metriky Core Web Vitals: hlavní obsah se má zobrazit do 2,5 sekundy (LCP), stránka má na kliknutí zareagovat do 200 milisekund (INP) a obsah se při načítání nemá posouvat víc, než odpovídá skóre 0,1 (CLS). Web nejčastěji zpomalují velké obrázky, skripty třetích stran, vložená videa, pomalý hosting a šablony s množstvím kódu. Část z toho opravíte sami, zbytek musí udělat vývojář.

Úvodní stránka webu agentury Browsers to Buyers: tmavé pozadí, nadpis High-impact websites for founders who can’t afford to fail a loga klientů
Browsers to Buyers, animovaný web pro agenturu

Jak změřit rychlost webu?

Nejjednodušší je PageSpeed Insights. Nic se neinstaluje a nepotřebujete účet:

  1. Otevřete pagespeed.web.dev, vložte adresu webu a spusťte analýzu.
  2. Dívejte se hlavně na výsledek pro mobil. Mobilní test je přísnější a na telefonu se slabiny webu projeví nejdřív.
  3. Změřte i důležité podstránky, třeba ceník nebo kontakt, nejen úvodní stránku. Každá stránka může mít jiný problém.
  4. Laboratorní test pusťte dvakrát nebo třikrát. Skóre mezi měřeními kolísá a Google sám doporučuje brát výkon jako rozpětí výsledků, ne jako jedno číslo (developer.chrome.com).

Když máte web přihlášený v Google Search Console, najdete tam přehled Core Web Vitals pro celý web. Stojí na datech od skutečných návštěvníků, takže ukáže i stránky, které byste sami netestovali (support.google.com). Jak web do Search Console dostat, popisuji v článku Jak dostat nový web do Googlu a na Seznam?

Jak číst výsledek z PageSpeed Insights?

Výsledek má dvě části a každá měří něco jiného. Nejdřív se podívejte na horní, pak na spodní.

Horní část: data od skutečných uživatelů. Jsou to měření od návštěvníků, kteří váš web otevřeli v Chromu, za posledních 28 dní (developers.google.com). Nahoře uvidíte verdikt, jestli web Core Web Vitals splňuje. Google přitom nebere průměr, ale 75. percentil: metrika je v pořádku, když je dobrá aspoň u tří čtvrtin návštěv (web.dev). Tahle část nejlépe odpovídá tomu, co zažívají vaši zákazníci.

Spodní část: laboratorní test. Nástroj Lighthouse jednou načte stránku na simulovaném telefonu střední třídy s pomalejším mobilním připojením a dá jí skóre od 0 do 100. 90 a víc je dobré, 50 až 89 potřebuje zlepšit, pod 50 je špatné (developers.google.com). Pod skóre najdete konkrétní doporučení, co stránku brzdí.

Na co si dát pozor:

  • U menšího webu horní část často chybí. Když stránka nemá dost návštěv z Chromu, PageSpeed Insights zkusí data za celý web, a když nejsou ani ta, ukáže jen laboratorní test. Není to chyba, jen málo dat. Pak se řiďte spodní částí.
  • Laboratorní skóre neměří INP. Při testu nikdo na nic neklikne, takže místo odezvy na kliknutí měří, jak dlouho je stránka zablokovaná JavaScriptem (Total Blocking Time). Ten má ve skóre váhu 30 % (developer.chrome.com).

Co znamenají LCP, INP a CLS?

Core Web Vitals jsou tři metriky, podle kterých Google posuzuje, jak se lidem na webu pracuje. Tahle trojice platí od března 2024, kdy INP nahradil starší metriku FID, a prahové hodnoty Google do října 2026 nezměnil (developers.google.com). Na internetu koluje tvrzení, že Google zpřísnil LCP na 2 sekundy. V jeho dokumentaci nic takového není.

MetrikaCo měříDobrá hodnotaNejčastější příčina problému
LCP (Largest Contentful Paint)za jak dlouho se zobrazí největší prvek na obrazovce, obvykle úvodní fotka nebo velký nadpisdo 2,5 spříliš velká úvodní fotka, pomalý server, skripty, které se načítají dřív než obsah
INP (Interaction to Next Paint)jak rychle stránka zareaguje na kliknutí, klepnutí nebo psanído 200 msmoc JavaScriptu: pluginy, chatovací okna, měřicí a reklamní skripty
CLS (Cumulative Layout Shift)jak moc obsah při načítání poskakujedo 0,1obrázky bez zadaných rozměrů, lišty a bannery vložené nad obsah, písma, která se načtou pozdě
TTFB (doplňková metrika)za jak dlouho začne server odpovídatdo 0,8 slevný přetížený hosting, pomalá databáze, chybějící cache
Skóre výkonu (laboratorní test)souhrnná známka od 0 do 10090 a vícsoučet všeho výše

Dobré hodnoty podle web.dev a developers.google.com, stav říjen 2026.

Proč na rychlosti webu záleží?

Pomalý web přichází o zákazníky dřív, než si přečtou, co nabízíte. Nejcitovanější čísla jsou dvě:

  • Studie firem 55 a Deloitte pro Google sledovala na konci roku 2019 mobilní weby z maloobchodu, cestování, luxusního zboží a sběru poptávek. Když se rychlost zlepšila o 0,1 sekundy, vzrostl konverzní poměr (podíl návštěv, které skončí objednávkou) u e-shopů o 8,4 % a u cestovních webů o 10,1 %. Platilo to ale jen tehdy, když se zrychlila celá cesta zákazníka, ne jedna stránka (web.dev).
  • Vodafone v A/B testu zlepšil LCP o 31 % a prodeje stouply o 8 % (web.dev, 2021).

Obě čísla jsou ale z velkých firem s obrovskou návštěvností. U malé firmy se rychlost projeví hlavně v tom, kolik lidí z reklamy nebo z telefonu odejde dřív, než uvidí vaše telefonní číslo. Proklik z reklamy přitom zaplatíte i za ně.

Ovlivňuje rychlost webu pozice v Googlu?

Ano, ale méně, než slibují různé nabídky „SEO optimalizace“. Google píše, že Core Web Vitals jeho systémy pro řazení výsledků používají. Hned ale dodává, že se vždy snaží ukázat nejrelevantnější obsah, i když je zážitek ze stránky podprůměrný, a že dobré skóre nezaručuje přední pozice (developers.google.com, aktualizováno 22. 9. 2026).

Rychlost je tedy jeden ze signálů, ne zázrak. Pomalý web s dobrým obsahem může být ve výsledcích výš než rychlý web, který na otázku neodpovídá. Návštěvníka ale rychlý web udrží vždycky.

Co web nejčastěji zpomaluje?

Nejčastěji web brzdí šest věcí:

  • Velké obrázky. Obrázky tvoří největší část dat, která web stahuje. Medián úvodní stránky na mobilu stáhne 911 KB jen v obrázcích (almanac.httparchive.org, data z července 2025). Typicky jde o fotku z telefonu, která má 4 000 pixelů na šířku a několik megabajtů, ale na webu se zobrazí v šířce displeje.
  • Nevyužité pluginy a skripty. Každý plugin ve WordPressu nebo modul šablony může přidat vlastní styly a JavaScript na každou stránku, i tam, kde se nepoužívá. Víc v článku WordPress, nebo web na míru.
  • Vložená videa. Přehrávač z YouTube se načítá hned s webem, i když video nikdo nepustí.
  • Chatovací a měřicí skripty třetích stran. Chatovací okno, analytika, reklamní pixely, mapy. Nějakou službu třetí strany používá kolem 90 % webů a nejčastěji jde o reklamu a analytiku (almanac.httparchive.org). Každá stahuje vlastní kód z cizího serveru a vy nemáte pod kontrolou, jak rychle odpoví.
  • Pomalý hosting. Když server odpovídá pomalu, všechno ostatní čeká. Na levném sdíleném hostingu se o výkon dělíte s dalšími weby.
  • Šablony s množstvím kódu. Šablona obsahuje kód pro všechny funkce, které umí, i pro ty, které nepoužíváte. Prohlížeč ho stejně musí stáhnout a zpracovat.

Co můžete zrychlit sami a co musí udělat vývojář?

Sami, bez kódování:

  • Zmenšete fotky před nahráním. I u fotky přes celou obrazovku stačí kolem 2 000 pixelů na šířku, u menších obrázků mnohem méně. Zdarma to zvládne třeba nástroj squoosh.app, který běží v prohlížeči a obrázek rovnou převede do WebP. Ztrátový WebP je podle Googlu o 25 až 34 % menší než srovnatelný JPEG (developers.google.com).
  • Projděte pluginy a měřicí kódy. Smažte, co nepoužíváte: pixely z kampaní, které už neběží, nástroje na mapy kliknutí, které nikdo neotevírá, nebo pluginy z doby, kdy jste web zkoušeli.
  • Video vložte jako odkaz. Když video není hlavní obsah stránky, stačí obrázek s odkazem na YouTube.
  • Zvažte, jestli potřebujete chatovací okno. Když do něj za měsíc nikdo nenapíše, zpomaluje web zbytečně.
  • Zeptejte se hostingu. Když PageSpeed Insights hlásí dlouhou odezvu serveru, pomůže vyšší tarif nebo jiný poskytovatel.

Musí udělat vývojář:

  • Obrázky v několika velikostech. Prohlížeč si pak na telefonu stáhne menší verzi a na velkém monitoru větší. Obrázky pod první obrazovkou se načtou, až k nim návštěvník doroluje.
  • Odložené skripty třetích stran. Chat nebo video jde nahradit lehkým náhledem, který skutečný přehrávač nebo chat načte až po kliknutí (developer.chrome.com).
  • Rozměry obrázků a vyhrazené místo pro lišty a bannery, aby obsah při načítání neposkakoval.
  • Jen ta písma, která web opravdu používá, ne celé rodiny řezů.
  • Nový web, když je problém v šabloně. Záplaty na těžké šabloně pomáhají jen částečně. Kdy se nový web vyplatí, rozebírám v článku Redesign webu: kdy se vyplatí a kolik stojí?

Může být rychlý i web s animacemi?

Může. Animace web nezpomalí, když nezdržují zobrazení hlavního obsahu a animují vhodné vlastnosti. Například posun nebo zvětšení přes CSS vlastnost transform podle Googlu nezpůsobuje posuny rozložení, které zhoršují CLS (web.dev).

Weby stavím na míru bez šablon. Můj vlastní web fpolacek.cz je napsaný přímo v kódu (HTML, CSS, JavaScript) bez šablony, takže prohlížeč stahuje jen kód, který stránka opravdu používá, a obrázky jsou ve formátu WebP v několika velikostech, aby si telefon vzal menší verzi. Animace dělám v knihovně GSAP, v kódu i ve Webflow: animované jsou třeba web agentury Browsers to Buyers nebo web glampingového resortu Tenfold. U animovaného webu je potřeba víc péče, ne jiná pravidla.

Úvodní stránka webu Tenfold.: dřevěný glampingový domek v lese a nadpis Násobíme příležitosti. Glamping. Nemovitosti. Správa.
Tenfold., web pro glamping resort

Každá animace je ale kód navíc, takže patří tam, kde něco přidává.

Kolik stojí zrychlení webu?

Úpravy ze seznamu „Sami, bez kódování“ zvládnete zdarma. Když je pomalost v základech webu, vyplatí se spíš nový web než další záplaty. Web na míru u mě stojí 12 000 až 30 000 Kč podle rozsahu a odhad ceny dostanete předem, ještě před začátkem spolupráce.

Časté otázky

Jak změřit rychlost webu zdarma?

Zadejte adresu webu do PageSpeed Insights na pagespeed.web.dev a podívejte se na výsledek pro mobil. Pokud máte web v Google Search Console, najdete tam i přehled Core Web Vitals pro celý web.

Jaké skóre v PageSpeed Insights je dobré?

90 a víc je dobré, 50 až 89 potřebuje zlepšit a pod 50 je špatné. Důležitější než skóre jsou ale data od skutečných uživatelů v horní části, pokud je váš web má.

Proč mi PageSpeed Insights ukazuje při každém měření jiné skóre?

Laboratorní test je jedno simulované načtení a výsledek ovlivní třeba odezva sítě nebo reklamy, které se zrovna načetly. Změřte stránku dvakrát nebo třikrát a berte rozpětí, ne jedno číslo.

Proč u mého webu chybí data od skutečných uživatelů?

Web nemá za posledních 28 dní dost návštěv z prohlížeče Chrome. U menších firemních webů je to běžné, řiďte se pak laboratorním testem.

Ovlivňuje rychlost webu pozice v Googlu?

Ano, Core Web Vitals jsou jedním ze signálů, které Google při řazení výsledků používá. Relevantní obsah má ale přednost a dobré skóre samo přední pozice nezaručí.

Zpomalují animace web?

Nemusí. Záleží na tom, jestli animace nezdržují zobrazení hlavního obsahu a jestli animují vlastnosti, které nezpůsobují posuny obsahu. Dobře postavený animovaný web může být rychlý.