Rychlost webu: jak zlepšit načítání a proč záleží na každé vteřině
Váš web se načte za 6 vteřin. Vaše konkurence za 1,8 vteřiny. Zákazník na mobilu počká maximálně 3 vteřiny. Matematika je jednoduchá: pomalý web ztrácí zákazníky.
Rychlost webu přestala být technický detail. Je to přímý business faktor: ovlivňuje konverzní poměr, Google ranking a uživatelský zážitek. Přesto je většina českých webů v průměru pomalá, zejména na mobilu.
Proč rychlost webu tak záleží: reálná čísla
- 7 % pokles konverzního poměru za každou vteřinu zpomalení (Amazon, Google research)
- 40 až 53 % uživatelů opustí stránku, která se nenačte do 3 vteřin na mobilu
- Core Web Vitals jsou přímý Google ranking faktor od roku 2021
- Stránky nacházející se v top 10 Googlu mají průměrný LCP pod 2,5 vteřiny
Jinými slovy: pomalý web buď nemají na Googlu vidět, nebo zákazník odejde ještě před načtením. Obojí je ztráta peněz.
Core Web Vitals: co Google měří
Tyto tři metriky jsou "zeleně" hodnoceny, pokud splňují limity výše. Měřte je v Google Search Console (sekce "Experience" → "Core Web Vitals") nebo PageSpeed Insights (pagespeed.web.dev).
Jak změřit rychlost svého webu
Nástroje pro měření (všechny zdarma):
- Google PageSpeed Insights (pagespeed.web.dev), hlavní nástroj, testuje desktop i mobil, ukazuje konkrétní problémy
- Google Search Console → Core Web Vitals, reálná data od skutečných uživatelů vašeho webu
- GTmetrix.com, detailní waterfall analýza, co se načítá jak dlouho
- WebPageTest.org, pokročilá analýza, různé připojení a zařízení
Začněte PageSpeed Insights. Zadejte URL, testujte Mobile (důležitější) i Desktop. Skóre pod 50 na mobilu je vážný problém.
10 oprav seřazených dle dopadu
-
Vysoký
Komprese a převod obrázků do WebP Obrázky tvoří 60 az 80 % váhy průměrného webu. Převod z JPG/PNG do WebP ušetří 30 az 60 % bez viditelné ztráty kvality. Nástroje: Squoosh.app (zdarma), nebo automaticky přes hosting (Cloudflare, Vercel).
-
Vysoký
Lazy loading obrázků Obrázky mimo viditelnou oblast se načtou až při scrollování. HTML atribut loading="lazy". Sníží počáteční načítání o desítky procent. Zabudováno v moderních prohlížečích, žádný JavaScript nutný.
-
Vysoký
Kvalitní hosting nebo CDN Levný sdílený hosting zpomalí sebevýkonnější web. Managed hosting (Vercel, Cloudflare Pages, WebSupport Premium) nebo CDN (Cloudflare zdarma) výrazně zrychlí čas do prvního bytu (TTFB). Cloudflare CDN je zdarma pro základní použití.
-
Vysoký
Preconnect pro externí fonty a skripty Google Fonts, Google Analytics, Facebook Pixel. Každý přidá latenci. <link rel="preconnect" href="..."> v hlavičce říká prohlížeči, aby připojení připravil dopředu. Ušetří 200 az 800ms na načítání.
-
Střední
Minifikace CSS, JavaScript a HTML Odstranění bílých mezer, komentářů a zbytečného kódu. Typicky -10 az -30 % velikosti souborů. WordPress pluginy (Autoptimize, WP Rocket), nebo buildovací nástroje pro vlastní weby.
-
Střední
Browser caching Říká prohlížeči, aby statické soubory (CSS, JS, obrázky) uložil lokálně a nestahoval je při každé návštěvě. Nastavuje se přes .htaccess nebo hosting panel. Vrátivší se uživatel načte web výrazně rychleji.
-
Střední
Defer nebo async JavaScriptu Skripty, které blokují renderování stránky. Atribut defer nebo async na <script> tagu způsobí, že se skript načte na pozadí bez blokování zobrazení obsahu.
-
Střední
Preload LCP elementu Největší obrázek nebo text nad foldem. <link rel="preload"> říká prohlížeči, aby tento prvek stáhl jako první, ještě před zpracováním zbytku stránky. Přímo ovlivní LCP skóre.
-
Nízký
Redukce počtu HTTP požadavků Každý soubor (CSS, JS, obrázek) = jeden požadavek. Méně souborů = méně požadavků = rychleji. Slučujte CSS soubory, odstraňujte nevyužité skripty (heatmapy, stará analytika, chat widgety).
-
Nízký
Správné rozměry obrázků Obrázek 4000×3000px zobrazený v kontejneru 400×300px plýtvá 100x daty. Exportujte obrázky ve správné velikosti pro web (max 1920px na nejdelší stranu pro hero, 800px pro content obrázky).
Nejrychlejší fix pro 80 % webů: zkomprimujte a převeďte obrázky do WebP. Tato jedna úprava typicky zlepší PageSpeed skóre o 15 až 25 bodů.
WordPress specifické problémy
WordPress pohání přes 40 % internetu a je notoricky pomalý bez optimalizace. Specifické kroky pro WP:
- Caching plugin: WP Rocket (placený, nejlepší), W3 Total Cache nebo LiteSpeed Cache (zdarma)
- Optimalizace obrázků: Imagify, ShortPixel nebo Smush plugin
- Odstraňte zbytečné pluginy. Každý plugin přidá HTTP požadavky a zpracování. Méně = rychleji.
- Změňte hosting. WP na levném sdíleném hostingu je zpravidla pomalý. Kinsta, WP Engine nebo SiteGround jsou o řád rychlejší.
- Použijte lightweight téma. Divi, Avada a podobná bloated témata jsou pomalá. GeneratePress nebo Astra jsou rychlá.
Co je dobrý PageSpeed skóre
| Skore | Hodnoceni | Typicky |
|---|---|---|
| 90 az 100 | Vyborny | Staticke weby, optimalizovane reseni |
| 70 az 89 | Dobry | Optimalizovany WordPress, moderní framework |
| 50 az 69 | Prumerna | Neoptimazlizovany WP, standard |
| Under 50 | Spatny | Bloated WP, chybejici optimalizace, starý hosting |
Pomalý web? Opravíme ho. Nebo postavíme rychlý od začátku.
Stavíme weby s PageSpeed 90+ jako standard. Pokud váš web padá pod 50, analyzujeme ho a navrhneme řešení. Do 24 hodin. Zdarma, bez závazku.
Chci analýzu webu zdarma →Časté dotazy
Jak zlepšit rychlost webu?
Nejefektivnější krok: komprimovat a převést obrázky do WebP (typicky -50 až -70 % váhy). Dále: lazy loading, kvalitní hosting nebo CDN, preconnect pro fonty, minifikace CSS/JS. Začněte měřením v PageSpeed Insights.
Proč záleží na rychlosti webu?
Každá vteřina zpomalení způsobuje 7 % pokles konverzí. Google používá Core Web Vitals jako ranking faktor. Uživatel na mobilu opustí stránku, co se nenačte do 3 vteřin, ze 40 až 53 %.
Co je dobrý PageSpeed skóre?
90+ na desktopu, 70+ na mobilu. Pod 50 na mobilu = vážný problém ovlivňující Google ranking a konverze. Průměrný český web je 50 až 70 desktop, 30 až 50 mobil.
