Rychlost webu: Proč každá sekunda stojí peníze

Představte si, že otevřete dveře obchodu, ale uvnitř musíte tři sekundy čekat, než se rozsvítí světla. Kolik lidí se otočí a odejde? Na webu to funguje úplně stejně, jen s jedním rozdílem: k odchodu stačí jedno kliknutí. A přesně to dělá víc než polovina vašich návštěvníků, když se jim web nenačte dost rychle.

Rychlost webu není technický detail, který řeší jen vývojáři. Je to byznysová metrika, která přímo ovlivňuje vaše tržby, pozice ve vyhledávání a spokojenost zákazníků. A v tomto článku si ukážeme proč, s konkrétními čísly.

Čísla, která mluví za vše

Možná si říkáte: "Náš web se načítá celkem rychle, ne?" Jenže "celkem rychle" a "dost rychle" jsou dvě velmi odlišné věci. A rozdíl mezi nimi se měří v penězích.

Podle výzkumu Googlu 53 % mobilních uživatelů opustí web, který se načítá déle než 3 sekundy. To je víc než polovina lidí, kteří na váš web kliknou, ale nikdy neuvidí jeho obsah. Každá další sekunda načítání v rozmezí 0 až 5 sekund snižuje konverze v průměru o 4,42 %. A dvousekundové zpoždění zvyšuje bounce rate (míru okamžitého opuštění) o celých 103 %.

Tohle nejsou abstraktní čísla z akademických studií. Jsou to data od firem, které na rychlosti postavily svůj úspěch:

Amazon zjistil, že každých 100 milisekund zpoždění stojí 1 % tržeb. Při jejich objemu to znamená miliardy dolarů ročně.
Walmart zaznamenal 2% nárůst konverzí za každých 100 ms zrychlení. Po celkové optimalizaci rychlosti vzrostly jejich online prodeje o 10 %.
Vodafone testoval dvě identické stránky lišící se pouze rychlostí. Ta s o 31 % lepším LCP skóre přinesla měřitelně lepší výsledky v celém nákupním procesu.

A celkový dopad? E-commerce weby celosvětově přicházejí o přibližně 2,6 miliardy dolarů ročně jen kvůli pomalému načítání. 79 % nespokojených návštěvníků říká, že se na pomalý web už nevrátí.

Proč je mobil ještě kritičtější

Mobilní zařízení dnes generují přes 64 % veškerého webového provozu na světě. V některých regionech (Indie, Afrika, jihovýchodní Asie) je to přes 70-80 %. A právě na mobilu je rychlost webu mnohem citlivější na okolní podmínky: pomalejší procesory, nestabilní připojení přes mobilní data, menší cache.

Výsledek? Míra okamžitého opuštění na mobilních zařízeních je v průměru o 12 % vyšší než na desktopu. Typická mobilní míra okamžitého opuštění se pohybuje kolem 58-60 %, zatímco na desktopu je to 48-50 %. Konverzní poměr na desktopu (4,3 %) je téměř dvojnásobný oproti mobilu (2,2 %). A velkou roli v tom hraje právě rychlost.

Mobilní stránky, které se načtou do jedné sekundy, konvertují o 53 % lépe než ty pomalé. To znamená, že investice do rychlosti mobilního webu se vám vrátí mnohem rychleji, než byste čekali. Pokud vás zajímá, jak na to z pohledu uživatelského zážitku a konverzí, řešíme to i v rámci našich služeb.

Co jsou Core Web Vitals (a proč vás zajímají)

Google nehodnotí rychlost webu jedním číslem. Místo toho používá tři specifické metriky, které dohromady tvoří takzvané Core Web Vitals. Jsou to měřítka reálného uživatelského zážitku, ne laboratorní benchmarky. A od roku 2021 jsou potvrzeným faktorem řazení ve vyhledávání ve vyhledávání.

LCP (Largest Contentful Paint) - jak rychle vidíte obsah

LCP měří, za jak dlouho se na stránce zobrazí největší viditelný prvek, typicky hero obrázek, hlavní nadpis nebo video. Je to moment, kdy uživatel cítí, že "stránka se načetla". Cíl je dostat LCP pod 2,5 sekundy. Mezi 2,5 a 4 sekundami je to průměr, nad 4 sekundy je problém.

INP (Interaction to Next Paint) - jak rychle web reaguje

INP nahradil v březnu 2024 starší metriku FID (First Input Delay). Měří, jak rychle stránka zareaguje na jakoukoliv interakci uživatele: kliknutí, tap na mobilu, stisknutí klávesy. Dobrá hodnota je pod 200 milisekund. Mezi 200 a 500 ms je průměr, nad 500 ms je špatný výsledek. INP je důležitý hlavně pro weby s formuláři, filtry, interaktivními prvky a e-shopy.

CLS (Cumulative Layout Shift) - jak stabilní je stránka

CLS měří vizuální stabilitu. Znáte to: čtete text na stránce, najednou se načte reklama nebo obrázek bez definovaných rozměrů a celý obsah poskočí. To je přesně to, co CLS zachycuje. Cíl je dostat se pod hodnotu 0,1. Mezi 0,1 a 0,25 je průměr, nad 0,25 je špatné.

Přehled prahových hodnot:

LCP: dobrý pod 2,5 s | průměrný 2,5-4 s | špatný nad 4 s
INP: dobrý pod 200 ms | průměrný 200-500 ms | špatný nad 500 ms
CLS: dobrý pod 0,1 | průměrný 0,1-0,25 | špatný nad 0,25

Google měří tyto hodnoty na 75. percentilu reálných uživatelských dat. To znamená, že minimálně 75 % vašich návštěvníků musí mít "dobrý" výsledek, aby stránka jako celek prošla. A v roce 2026 splňuje všechny tři prahy jen 47 % webů na internetu.

Jak Google rychlost měří a odměňuje

Core Web Vitals nejsou jen hezké číslo v reportu. Jsou součástí takzvaných Page Experience signálů, které Google používá při řazení výsledků vyhledávání. A jejich váha roste.

Podle dostupných analýz tvoří Core Web Vitals 25-30 % hodnoticí váhy u konkurenčních dotazů. Weby, které splňují všechny tři prahy, zaznamenávají v průměru 8-15% nárůst viditelnosti ve vyhledávání. To je obrovský rozdíl, zvlášť pokud bojujete o pozice s přímou konkurencí.

Prosincový core update Googlu z roku 2025 tohle jenom potvrdil. Weby s LCP nad 3 sekundy ztratily o 23 % více provozu než rychlejší konkurenti se srovnatelnou kvalitou obsahu. A weby se špatným INP skóre (nad 300 ms) přišly o 31 % více mobilního provozu. Rychlost webu zkrátka není jen o uživatelském zážitku, je to přímý SEO faktor. Pokud vás zajímají další aspekty optimalizace pro vyhledávače, přečtěte si náš článek o základech SEO pro firmy.

Jak web skutečně zrychlit

Teorie je důležitá, ale pojďme k praxi. Tady jsou konkrétní oblasti, kde můžete získat největší zrychlení.

Obrázky: největší páka, kterou máte

Obrázky tvoří v průměru 60-80 % celkové velikosti webové stránky. A 42 % všech LCP prvků na webu jsou právě obrázky. Použití moderních formátů WebP a AVIF (s fallbackem na JPEG), správné rozměry přes srcset, lazy loading pro obrázky pod první obrazovkou a komprese na kvalitu 80-85 % dokážou dramaticky zlepšit načítací čas. Tohle téma jsme rozebrali do detailu v článku Jak správně optimalizovat obrázky pro web.

JavaScript: méně znamená rychleji

Každý kilobajt JavaScriptu, který prohlížeč musí stáhnout, zpracovat a spustit, zpomaluje vaši stránku. A ne o málo. JavaScript blokuje rendering, zabírá hlavní vlákno procesoru a na pomalých mobilních zařízeních může být rozdíl mezi plynulým a nepoužitelným webem.

Co s tím:

Používejte tree-shaking a code splitting, aby se načítal jen kód, který stránka skutečně potřebuje
Odložte nekritické skripty pomocí atributů async a defer
Zvažte, jestli opravdu potřebujete ten jQuery plugin, animační knihovnu nebo chat widget hned při načtení
Moderní frameworky jako Astro ve výchozím stavu neposílají na klienta žádný JavaScript, pokud ho explicitně nepotřebujete

Právě proto stavíme weby na Astro, které generuje čistý statický HTML a JavaScript přidává jen tam, kde je to skutečně nutné. Víc o tom, proč je Astro rychlejší než WordPress, najdete v samostatném článku.

Hosting a infrastruktura

I perfektně optimalizovaný web bude pomalý na špatném hostingu. Server musí odpovědět do 200 milisekund (ideálně rychleji). K tomu pomáhá:

CDN (Content Delivery Network) - kopíruje obsah na servery po celém světě, takže návštěvník z Brna dostane data z Frankfurtu, ne z Kalifornie
Komprese Brotli/Gzip - zmenšuje přenášené soubory o 60-80 %
HTTP/2 a HTTP/3 - moderní protokoly, které umožňují paralelní stahování více souborů najednou
Browser caching - při opakované návštěvě prohlížeč nemusí znovu stahovat soubory, které se nezměnily

Správný hosting a infrastruktura jsou základ. Proto nabízíme hosting a správu webů s důrazem na rychlost, bezpečnost a spolehlivost.

Fonty, CSS a další detaily

Na rychlosti se podílí spousta dalších věcí, které v součtu dělají velký rozdíl:

Webové fonty načítejte s font-display: swap, aby text byl čitelný okamžitě
Přednačtěte kritické zdroje: <link rel="preload"> pro hero obrázky a hlavní fonty
Použijte <link rel="preconnect"> pro externí domény (Google Fonts, analytics, CDN)
Minifikujte CSS a odstraňte nepoužívané styly
Vždy definujte rozměry obrázků (width a height), abyste předešli poskakování layoutu (CLS)

Jak rychlost měřit

Nemůžete zlepšit to, co neměříte. Naštěstí existuje několik skvělých nástrojů, které jsou zdarma a snadno použitelné:

Google PageSpeed Insights (pagespeed.web.dev) - oficiální nástroj od Googlu. Zobrazuje jak laboratorní data (Lighthouse), tak reálná uživatelská data z Chrome UX Reportu. Začněte tady.
GTmetrix - podrobná analýza s vodopádovým diagramem, který ukazuje, co se načítá, v jakém pořadí a jak dlouho to trvá. Výborný pro diagnostiku.
WebPageTest - pokročilé testování z různých lokací a zařízení. Umožňuje filmový pás (filmstrip) načítání po jednotlivých snímcích.
Chrome DevTools - Network tab vám ukáže velikost a rychlost stahování každého souboru. Lighthouse audit přímo v prohlížeči.

Důležité: testujte vždy na mobilu i desktopu. A hlavně se dívejte na reálná uživatelská data (field data), ne jen na laboratorní skóre. Laboratorní test běží na výkonném serveru Googlu, váš zákazník z mobilu na 4G to má jinak. Opakujte testy pravidelně, protože optimalizace rychlosti není jednorázová akce.

Co to znamená pro váš byznys

Pojďme si to shrnout. Rychlý web znamená:

Vyšší konverze - každá ušetřená sekunda přináší měřitelně více zákazníků
Nižší míra okamžitého opuštění - návštěvníci zůstanou a prozkoumají váš obsah
Lepší pozice v Googlu - Core Web Vitals jsou potvrzený faktor řazení ve vyhledávání
Spokojenější zákazníci - 70 % lidí říká, že rychlost přímo ovlivňuje jejich ochotu nakoupit
Konkurenční výhoda - když 53 % webů nesplňuje ani základní prahy, rychlý web vás automaticky řadí do lepší poloviny

Pomalý web není jen nepříjemnost. Je to ztracená příležitost, kterou vaše konkurence ráda využije. Každý den, kdy se váš web načítá o sekundu déle, než by mohl, přicházíte o zákazníky, kteří by jinak nakoupili.

Rychlý web není luxus. Je to základ, na kterém stojí všechno ostatní: konverze, SEO, důvěra zákazníků.

— PIXLO STUDIO

V PIXLO stavíme weby, které jsou rychlé od prvního dne. Používáme moderní technologie, statické generování a důkladnou optimalizaci, protože věříme, že rychlost je základ dobrého webu, ne bonus navíc. Pokud chcete vědět, jak na tom váš web je, nebo potřebujete pomoc s optimalizací, ozvěte se nám. Rádi se podíváme na čísla společně.