Rychlost webu a SEO: Jak zrychlit web a neztratit zákazníky

Proč rychlost webu záleží víc než kdy jindy

Google od roku 2021 používá Core Web Vitals jako oficiální ranking faktor. To znamená, že rychlost vašeho webu přímo ovlivňuje, na jaké pozici se zobrazíte ve výsledcích vyhledávání. A není to jen o SEO — jde o peníze. Podle dat Googlu opustí 53 % mobilních uživatelů stránku, která se načítá déle než 3 vteřiny. Studie od Akamai ukazuje, že každých 100 milisekund navíc znamená 1 % snížení konverzí. Amazon zjistil úplně to samé: 100 ms zpomalení = 1 % pokles tržeb. Pro e-shopy je pomalý web přímá ztráta peněz, ne jen estetický problém.

Rychlost webu dnes ovlivňuje i to, jak se váš obsah dostane do AI vyhledávání. AI modely jako Perplexity, Google AI Overviews nebo ChatGPT čerpají informace primárně z top 10 výsledků — a tam se dostanete jen s rychlým webem, který má dobré Core Web Vitals. Celých 76 % AI citací pochází z prvních deseti pozic. Rychlost není jen technický detail — je to brána k viditelnosti v celém ekosystému vyhledávání. Svůj nejlepší kamarád pro diagnostiku rychlosti najdete v nástroji Google PageSpeed Insights, který vám ukáže přesně, co brzdí váš web. A nezapomínejte, že rychlý web je také efektivněji prochrtávaný (crawlován) Googlem – což přímo ovlivňuje, jak rychle se indexují vaše stránky.

Core Web Vitals jsou ranking faktor od 2021 — Google přímo měří rychlost a zahrnuje ji do hodnocení
53 % mobilních uživatelů odejde po 3 vteřinách — každá vteřina navíc vás stojí zákazníky
100 ms zpomalení = 1 % pokles konverzí — data z Akamai i Amazonu potvrzují stejný trend
Pro e-shopy = přímá ztráta tržeb — pomalý web nezabíjí jen SEO, zabíjí i objednávky
76 % AI citací pochází z top 10 — rychlost ovlivňuje ranking, ranking ovlivňuje AI citace
Google PageSpeed Insights = váš diagnostický nástroj číslo jedna — zdarma, od Googlu, s konkrétními doporučeními

Core Web Vitals: 3 metriky, které Google sleduje

Google měří rychlost webu pomocí tří metrik, které dohromady nazývá Core Web Vitals. První je LCP (Largest Contentful Paint) — ukazuje, jak rychle se načte největší viditelný element na obrazovce. Může to být hlavní obrázek, nadpis nebo blok textu. Cíl je pod 2,5 vteřiny. Pokud se váš hero obrázek načítá 5 vteřin, máte problém. Druhá metrika je INP (Interaction to Next Paint), která v březnu 2024 nahradila dřívější FID. INP měří, jak rychle web reaguje na kliknutí — od okamžiku, kdy uživatel klikne na tlačítko, do okamžiku, kdy se na obrazovce projeví výsledek toho kliknutí. Cíl je pod 200 milisekund.

Třetí metrika je CLS (Cumulative Layout Shift) — měří, jak moc se stránka „hýbe" během načítání. Představte si, že čtete článek a najednou celý obsah skočí dolů, protože se nad ním načetla reklama. To je CLS. Cíl je pod 0,1. Své aktuální hodnoty zjistíte třemi způsoby: Google PageSpeed Insights pro rychlý test jedné URL, Google Search Console pro přehled Core Web Vitals napříč celým webem, a Chrome DevTools Lighthouse pro detailní lokální analýzu. Dobrý LCP znamená, že text a obrázky nad čárou přeložení se načtou okamžitě. Špatný INP poznáte tak, že tlačítka nereagují a menu se otevírá s viditelnou prodlevou. Špatný CLS poznáte tak, že reklama posune obsah dolů nebo obrázek „skočí" až se načte — a uživatel omylem klikne na něco jiného.

LCP (Largest Contentful Paint) pod 2,5 s — největší viditelný element se musí načíst do dvou a půl vteřiny
INP (Interaction to Next Paint) pod 200 ms — nahradilo FID v březnu 2024, měří reaktivitu celé stránky
CLS (Cumulative Layout Shift) pod 0,1 — stránka se nesmí posouvat během načítání dalších prvků
Měřte pomocí PageSpeed Insights, Search Console i Lighthouse — každý nástroj ukáže jiný pohled na stejný problém
Špatný CLS: reklama posune obsah, obrázek „skočí" — uživatel klikne, kam nechtěl, a frustruje se
Špatný INP: tlačítka nereagují, menu se otevírá s prodlevou — web působí „zasekaný" a nedůvěryhodný

Jak zrychlit web: Konkrétní kroky, které fungují

Začněte obrázky. Jsou nejčastější příčinou pomalého načítání. Převeďte je do formátu WebP, který nabízí stejnou kvalitu při výrazně menší velikosti. Použijte HTML element <picture> pro automatické servírování WebP prohlížečům, které ho podporují, s fallbackem na JPEG pro starší prohlížeče. Zapněte lazy loading — obrázky pod čárou přeložení se načtou až ve chvíli, kdy k nim uživatel odskroluje. Další krok je minifikace CSS a JavaScriptu: odstraňte mezery, komentáře a zbytečný kód. Výsledek je stejná funkcionalita v menším objemu dat, což znamená rychlejší stažení.

Použijte CDN (Content Delivery Network) jako Cloudflare nebo Fastly. CDN distribuuje vaše statické soubory na servery po celém světě, takže se načítají ze serveru, který je fyzicky nejblíž uživateli. Zapněte GZIP nebo ideálně Brotli kompresi na serveru — textové soubory (HTML, CSS, JS) se zmenší o 60–80 %. Odstraňte nepoužívané pluginy a skripty — každý navíc přidává HTTP request a zpomaluje načítání. Deferujte JavaScript pomocí atributů <script defer> nebo <script async>, aby blokoval vykreslování stránky. Nastavte správné Cache-Control hlavičky pro browser caching — opakující se návštěvníci by měli načíst web bleskově z lokální mezipaměti. Preloadujte kritické zdroje pomocí <link rel="preload"> — fonty a hlavní CSS se začnou stahovat okamžitě. A omezte externí skripty na minimum: každý analytický nástroj, chatbot nebo reklamní kód přidává latency. Pokud máte na stránce 5 analytických skriptů, zvažte, jestli je všechny potřebujete. Pro správné meta tagy a strukturovaná data platí, že samotný HTML kód je lehký — ale externí skripty, které kolem nich běží, už ne.

Komprimujte obrázky do WebP — použijte element <picture> s fallbackem a lazy loading
Minifikujte CSS a JavaScript — odstraňte mezery, komenty a zbytečný kód
Použijte CDN (Cloudflare, Fastly) — soubory ze serveru nejblíž uživateli = rychlejší načtení
Zapněte GZIP/Brotli kompresi — textové soubory se zmenší o 60–80 %
Odstraňte nepoužívané pluginy a skripty — každý navíc přidává HTTP request a zpomaluje načítání
Deferujte JavaScript (<script defer> nebo <script async>) — neblokujte vykreslování stránky
Nastavte Cache-Control hlavičky — opakující se návštěvníci načtou web z lokální mezipaměti
Preloadujte kritické zdroje (<link rel="preload">) — fonty a hlavní CSS se stahují okamžitě
Omezte externí skripty na minimum — analytika, chatboty, reklamy — každý přidává latency
Server-side rendering (SSR) je rychlejší pro první paint — než client-side rendering, kde musí prohlížeč nejprve stáhnout a zpracovat JS

Rychlost podle platformy: Shoptet, Upgates, WordPress

Každá platforma má své specifika. Na Shoptetu je klíčové používat komprimované obrázky už při nahrávání — Shoptet sice dělá vlastní optimalizaci, ale když nahrajete 5 MB fotku z fotoaparátu, i komprimovaná verze bude zbytečně velká. Omezte počet doplňků (každý přidává JavaScript) a zkontrolujte, jestli vaše custom CSS a JS neobsahují zbytečný kód. Na Upgates se zaměřte na produktové fotky — často jsou hlavním důvodem pomalé homepage, pokud jich je příliš mnoho a v plném rozlišení. Vyhněte se nadměrnému počtu modulů na úvodní stránce.

WordPress nabízí největší kontrolu, ale vyžaduje i nejvíce péče. Nainstalujte cache plugin — WP Rocket je placený, ale efektivní; W3 Total Cache je zdarma a taky funguje. Přidejte plugin pro kompresi obrázků (Smush, ShortPixel) a hlavně: minimalizujte počet pluginů. Každý plugin, který nepoužívate, odstraňte — ne jen deaktivujte, ale smažte. Společné pravidlo pro všechny platformy: zmenšete obrázky PŘED nahráním pomocí nástrojů jako TinyPNG nebo Squoosh. Nepoužívejte obrázky větší, než je potřeba — 4000 px široká fotka v 300 px širokém sloupci je plýtvání. A pravidelně testujte rychlost pomocí Google PageSpeed Insights a WebPageTest.org — ten druhý ukáže, jak se váš web načítá z různých míst na světě.

Shoptet: komprimujte obrázky před nahráním — omezte doplňky a zkontrolujte custom CSS/JS
Upgates: optimalizujte produktové fotky — vyhněte se nadměrnému počtu modulů na homepage
WordPress: cache plugin (WP Rocket, W3 Total Cache) + komprese obrázků (Smush, ShortPixel) — a mažte nepoužívané pluginy
Zmenšujte obrázky PŘED nahráním — TinyPNG, Squoosh — a nepoužívejte větší, než potřebujete
Testujte na Google PageSpeed Insights a WebPageTest.org — pravidelně, ne jen jednou

Jarda Pajskr

SEO specialista & online marketér

Zvyšuji viditelnost webů ve vyhledávačích (SEO) a v AI nástrojích jako ChatGPT, Google AI a Perplexity. Pomáhám firmám získávat organickou návštěvnost, která reálně konvertuje. Neprodávám OMG triky — jen systematickou práci, která funguje dlouhodobě.

Konzultace zdarma

Zjistete, jak rychly je vas web

Rychlost je zaklad. Nase SEO test vam ukaze, jak na tom jste a co zrychlit.

Rychlost webu a SEO: Pomalý web ztrácí zákazníky ještě dřív, než se načte