Jak jsme zrychlili e-shop o 58 % a zvýšili konverze o 32 %

Výchozí stav

E-shop klienta působil moderně, ale měl zásadní problém – byl pomalý. Stránky se načítaly přes 4 sekundy, checkout byl rozkouskovaný do tří kroků a mobilní verze se často zasekávala. To vedlo k vysoké míře odchodů a nízkým konverzím.

Klíčové metriky před optimalizací:

  • Core Web Vitals skóre: slabé (LCP 4,2 s, CLS 0,25)
  • Průměrná doba načtení domovské stránky: 6,1 s
  • Bounce rate: 60 %
  • Konverzní poměr: 1,4 %

Zákazníci opouštěli stránky dřív, než se načetly. Zákazník si přitom myslel, že „potřebuje nový design“. Naštěstí jsme začali analýzou – a ukázalo se, že největší problém není vzhled, ale výkon.

Analýza problémů

Nejdřív jsme provedli důkladný technický i behaviorální audit pomocí nástrojů jako Google Lighthouse, WebPageTest, Hotjar a Search Console. Z kombinace dat vyplynulo několik zásadních problémů:

  • Zbytečné JavaScriptové knihovny – e-shop používal 12 externích JS souborů, z nichž polovina nebyla aktivně využívaná (např. animace, chat pluginy, A/B testovací nástroje bez dat).
  • Blokující CSS a JS – načítaly se synchronně, čímž zpomalovaly vykreslení stránky. Uživatel viděl bílou obrazovku i několik sekund.
  • Neoptimalizované obrázky – produktové fotky měly až 2–4 MB, žádná nebyla komprimována ani ve WebP.
  • Nepřehledný nákupní proces – checkout obsahoval příliš mnoho polí a žádné vizuální potvrzení, že krok byl dokončen.

Heatmapy z Hotjaru odhalily, že více než 35 % uživatelů odchází už na první stránce košíku. Lidé se ztráceli v procesu, web reagoval pomalu a chyběla zpětná vazba po kliknutí.

Optimalizace – technická stránka

Prvním krokem byla výkonová optimalizace. Cílem bylo zrychlit načítání a zlepšit metriky Core Web Vitals bez nutnosti měnit backend nebo design. Naše hlavní kroky:

  • Komprese a převod obrázků do WebP – průměrná velikost stránky klesla z 9 MB na 3,7 MB.
  • Lazy-loading obrázků – načítají se až při scrollování, ne všechny najednou.
  • Defer a async pro JavaScript – všechny nepotřebné skripty načítány až po zobrazení obsahu.
  • Minifikace a sloučení CSS/JS – snížení počtu requestů z 72 na 38.
  • Implementace CDN (Cloudflare) – zajištění rychlého načítání z geograficky blízkých serverů.
  • Cache politika – nastavení delší expirace pro statické soubory, snížení opakovaných requestů o 60 %.
  • Snížení velikosti DOM o 40 % – odstraněny nadbytečné wrappery, skripty a inline styly.

Po těchto úpravách se čas do interaktivního načtení zkrátil z 4,2 s na 1,8 s a Google PageSpeed Insights skóre stouplo z 46/100 na 93/100 pro desktop a z 38/100 na 86/100 pro mobil.

Optimalizace – UX a konverzní část

Další fáze se zaměřila na uživatelský zážitek – protože rychlý web je základ, ale samotný výkon konverze nezvedne. Zlepšili jsme vizuální i funkční části nákupního procesu:

  • Přehlednější košík – odstranili jsme zbytečné volby, sjednotili nákup do jednostránkového checkoutu.
  • Fixní CTA tlačítko – „Dokončit objednávku“ zůstává viditelné i při scrollování.
  • Vizuální potvrzení kroků – zákazník vždy vidí, kde se nachází (např. „Doprava → Platba → Potvrzení“).
  • Minimalizace rušivých prvků – odstraněny bannery, newsletter pop-upy a nepotřebné ikony v košíku.
  • Automatické vyplňování údajů – využití prohlížečového autofillu pro zrychlení nákupu.

Tyto úpravy zjednodušily cestu k objednávce a snížily počet kliknutí o 43 %. Výsledkem byl plynulejší, přehlednější a důvěryhodnější proces nákupu.

Výsledky po šesti týdnech

Po nasazení optimalizací jsme web monitorovali pomocí Google Analytics 4 a Search Console. Změny se projevily okamžitě – už během prvních dnů klesla míra okamžitého opuštění o třetinu. Po šesti týdnech jsme zaznamenali:

  • LCP (Largest Contentful Paint): 4,2 s → 1,8 s
  • CLS (Cumulative Layout Shift): 0,25 → 0,03
  • Průměrná doba načtení stránky: -58 %
  • Konverzní poměr: +32 %
  • Tržby: +18 % během 6 týdnů

Kromě čísel se zlepšila i uživatelská spokojenost. Z recenzí na Heuréce i interního dotazníku vyplynulo, že uživatelé oceňují rychlost, přehlednost a plynulost nákupu. Zákazník tak místo drahého redesignu investoval do výkonu – a výsledek se dostavil rychleji a levněji.

Co si z toho vzít – hlavní poučení

Tahle case study potvrzuje, že největší rezervy e-shopů nejsou v grafice, ale v technice a UX. Rychlost a jednoduchost dnes prodávají víc než efekty. Zákazník nepotřebuje nový vzhled – potřebuje, aby web fungoval okamžitě.

Klíčové poznatky:

  • Nepotřebuješ redesign, když odstraníš technické brzdy.
  • Optimalizace výkonu je investice s nejrychlejší návratností – měřitelnou v týdnech, ne měsících.
  • UX a rychlost musí jít ruku v ruce – jedno bez druhého nefunguje.
  • Malé změny, když se dělají chytře, přinášejí velké výsledky.

Závěrečné doporučení

Každý e-shop má skrytý potenciál, který lze odemknout bez velkých redesignů nebo výměny systému. Stačí důkladně změřit, pochopit data a zaměřit se na to, co skutečně zpomaluje prodej. Optimalizace není kosmetika – je to strategie růstu.

Marketingový tip: Zrychlení webu není jen technická záležitost. Google i zákazníci preferují weby, které reagují okamžitě. Každá sekunda, kterou ušetříš, ti přináší reálné peníze. Začni měřením, pokračuj drobnými kroky – a sleduj, jak se z dat stává růst.