Rychlost webu: jak zlepšit načítání a proč záleží na každé vteřině

Článek si můžete přečíst i po slovensky a in English.

Váš web se načte za šest vteřin, web konkurence za necelé dvě. Zákazník na mobilu dlouho nečeká. 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 spousta webů malých firem pomalá, zejména na mobilu.

Proč na rychlosti webu záleží

• Lidé na mobilu odcházejí ze stránek, které se dlouho načítají.
• Každá vteřina zdržení snižuje podíl návštěvníků, kteří vás kontaktují.
• Core Web Vitals Google používá při hodnocení stránek od roku 2021.
• Za dobré Google považuje vykreslení hlavního obsahu (LCP) do 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 bývají nejtěžší částí stránky. Převod z JPG nebo PNG do WebP je výrazně zmenší 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". Zmenší množství dat při prvním načtení. 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ří čas na navázání spojení s cizím serverem.
• Střední
  Minifikace CSS, JavaScript a HTML Odstranění bílých mezer, komentářů a zbytečného kódu. Zmenší soubory, u neminifikovaného kódu znatelně. 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 prvků 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ší oprava, která pomůže skoro vždy: zkomprimujte a převeďte obrázky do WebP. Tahle jedna úprava bývá na výsledku měření vidět nejvíc.

WordPress specifické problémy

WordPress běží zhruba na 40 % všech webů (W3Techs, říjen 2026: 39,7 %) a bez optimalizace bývá pomalý. 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

Časté dotazy

Jak zlepšit rychlost webu?

Nejefektivnější krok: zmenšit obrázky a převést je do WebP, který je podle Googlu při stejné kvalitě o 25 až 34 % menší než JPEG. 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?

Pomalý web ztrácí návštěvníky dřív, než uvidí nabídku. Google používá Core Web Vitals při hodnocení stránek a za dobré považuje vykreslení hlavního obsahu (LCP) do 2,5 vteřiny.

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.