Jak zrychlit Shoptet e-shop: průvodce optimalizací 2026

Ve zkratce: Rychlost Shoptet e-shopu nejvíc ovlivníte obrázky, počtem doplňků a skriptů a výběrem šablony. Hosting, doručování obrázků přes CDN i převod do WebP zajišťuje Shoptet; na vás je hlídat, co do e-shopu nahrajete a co v něm spustíte. Cíl podle Googlu: LCP do 2,5 s, INP do 200 ms, CLS do 0,1.

Rychlost e-shopu ovlivňuje, kolik návštěvníků dojde až k nákupu, a Google ji zohledňuje v hodnocení uživatelského dojmu ze stránky. V tomto průvodci vám ukážeme konkrétní kroky, jak Shoptet e-shop zrychlit bez hlubších technických znalostí.

Proč je rychlost e-shopu důležitá?

Čím déle stránka načítá a čím později reaguje na kliknutí, tím víc lidí odchází ještě před přidáním zboží do košíku. Google majitelům webů doporučuje dosáhnout dobrých hodnot metrik Core Web Vitals a uvádí, že to spolu s dalšími aspekty uživatelského dojmu odpovídá tomu, co jeho hlavní systémy hodnocení odměňují (zdroj). Konkrétní dopad na tržby je u každého e-shopu jiný, proto si výchozí stav změřte dřív, než začnete cokoli měnit – budete mít s čím porovnávat.

1. Obrázky – největší a nejsnazší výhra

Obrázky tvoří na e-shopu velkou část stažených dat. Fotografie produktů nahrané rovnou z fotoaparátu často váží násobně víc, než je potřeba.

Část práce Shoptet dělá za vás. Obrázky uložené na jeho CDN (adresy začínající cdn.myshoptet.com) převádí při zobrazení do formátu WebP, a to nejen produktové fotky, ale i bannery, loga a obrázky v článcích. Příliš velké produktové fotky systém automaticky zmenší na doporučené rozměry (nápověda Shoptetu). Shoptet zároveň doporučuje držet nahrávané soubory pod 1 MB, ideálně v nižších stovkách kilobajtů (zdroj).

Praktické kroky

• Nahrávejte v doporučených rozměrech – Shoptet doporučuje minimální šířku 1 024 px; pro výchozí poměr stran 4:3 je doporučený rozměr 1 364 × 1 024 px
• Hlídejte velikost souboru – limit pro produktovou fotku je 2 MB, ale cílujte na stovky kilobajtů
• Zkomprimujte soubor před nahráním – bezplatně to zvládnou nástroje jako TinyPNG, ImageOptim nebo Squoosh
• Nahrávejte JPG nebo PNG – převod do WebP proběhne automaticky; nedochází k němu u GIF, SVG a ICO a u obrázků nad 75 Mpx
• Pozor na bannery na úvodní stránce – načítají se jako první a často rozhodují o LCP

2. Odložené načítání obrázků

Odložené načítání (lazy loading) znamená, že se obrázek stáhne, až když se k němu zákazník doscrolluje. Fotky ve spodní části stránky tak nezdržují první vykreslení.

Jak to řešit v Shoptetu

• Bezplatné šablony Shoptetu odložené načítání používají – ukázkové e-shopy všech sedmi (Classic, Samba, Disco, Step, Waltz, Tango, Techno) načítají část obrázků až dodatečně; u partnerské šablony si to ověřte u autora
• V PageSpeed Insights se podívejte, kolik obrázků se načítá hned na začátku; ty pod ohybem stránky by měly být odložené
• Hlavní obrázek nad ohybem naopak neodkládejte – zhoršilo by to LCP
• U vlastních úprav šablony používejte nativní atribut loading="lazy"

3. Hosting, CDN a cache

Cena tarifu Shoptetu zahrnuje webhosting, který zajišťuje Shoptet (ceník), a nahrané obrázky se doručují z jeho CDN. Serverovou vrstvu tedy sami nenastavujete. Pokud chcete jít dál, Shoptet v nápovědě popisuje napojení domény na službu Cloudflare, která kromě ochrany proti útokům pomáhá i se zrychlením načítání; základní tarif Cloudflare je zdarma.

Co s tím můžete udělat vy

• Po zásahu do šablony si e-shop otevřete v anonymním okně, ať vidíte, co uvidí nový návštěvník
• Externí skripty (chat, měřicí kódy, widgety) se stahují z cizích serverů a e-shop nad nimi nemá kontrolu – proto se vyplatí jejich počet krotit
• Změny DNS kvůli Cloudflare dělejte podle nápovědy Shoptetu a až po zapnutí přesměrování na HTTPS

4. Skripty a kód navíc

Největší rezerva v rychlosti bývá v kódu, který si do e-shopu přidáte sami: měřicí kódy, widgety a skripty doplňků.

Na co se zaměřit

• Projděte si vložené HTML kódy v administraci a smažte měřicí kódy kampaní, které dávno skončily (přehled měřicích nástrojů je v článku Měření návštěvnosti na Shoptetu)
• Odinstalujte doplňky, které nepoužíváte – většina z nich přidává vlastní skript
• Vlastní úpravy šablony pište úsporně a načítejte je až po vykreslení stránky
• Po každé změně měřte; u doplňků platí, že dopad na rychlost se pozná až v reálném provozu

5. Výběr rychlé šablony

Ne všechny Shoptet šablony jsou stejně rychlé. Bohaté designy s mnoha efekty, slidery a videem na úvodní stránce bývají pomalejší.

Jak vybrat šablonu s ohledem na rychlost

• Vybírejte jednoduchý design před nadměrnými efekty
• Testujte šablony v Google PageSpeed Insights ještě před zakoupením – změřte ukázkové e-shopy autora
• Zkoušejte hlavně mobilní zobrazení, kde se pomalá stránka projeví nejvíc
• Ověřte, zda šablona umí odložené načítání obrázků a nepřidává zbytečné knihovny
• Přehled bezplatných i partnerských šablon najdete v článku o Shoptet šablonách

6. Core Web Vitals: LCP, INP a CLS

Google hodnotí tři metriky uživatelského dojmu ze stránky. Pozor na změnu: metriku FID (First Input Delay) v roce 2024 nahradila INP, takže starší návody na ni už neplatí (zdroj).

• LCP (Largest Contentful Paint) – doba vykreslení hlavního obsahu, cíl do 2,5 s
• INP (Interaction to Next Paint) – jak rychle stránka reaguje na interakce, cíl do 200 ms
• CLS (Cumulative Layout Shift) – stabilita rozvržení, cíl do 0,1

Hodnotí se 75. percentil načtení stránek, zvlášť pro mobil a desktop. Jednorázově dobrý výsledek v laboratorním testu proto nestačí – rozhodují data od skutečných návštěvníků. Laboratorní nástroje navíc INP změřit neumí, protože v nich nekliká žádný uživatel.

Jak Core Web Vitals zlepšit

• Měřte v PageSpeed Insights a sledujte sekci s reálnými daty uživatelů
• Pro LCP řešte hlavní obrázek nad ohybem: menší soubor, žádné odložené načítání
• Pro INP omezte JavaScript třetích stran, který blokuje reakci na kliknutí
• Pro CLS hlídejte prvky, které naskočí dodatečně – bannery, cookie lišty, reklamy a widgety
• V Search Console sledujte přehled Core Web Vitals, ukáže vám celé skupiny problémových URL

Závěr: měřte, měňte jednu věc a měřte znovu

Optimalizace rychlosti není jednorázový úkol. Začněte obrázky a úklidem skriptů, což jsou nejrychlejší výhry bez zásahu do kódu. Pak se pusťte do šablony a doplňků. Vždy měňte jednu věc a znovu změřte – jinak nepoznáte, co pomohlo a co uškodilo.

Nevíte, kde váš e-shop stojí? Nechte si ho zdarma analyzovat na EshopRadaru a podívejte se, jaké doplňky a šablony používá vaše konkurence.

Související články

• SEO pro Shoptet: co nastavit a v jakém pořadí
• Shoptet šablony: přehled a jak vybrat
• Nejpoužívanější Shoptet doplňky podle dat z analyzovaných e-shopů
• Katalog Shoptet doplňků

Časté otázky

Jak zjistím, jak rychlý je můj Shoptet e-shop?

Změřte úvodní stránku, jednu kategorii a jeden produkt v PageSpeed Insights. Důležitější než skóre je horní sekce s daty od reálných návštěvníků. Doplňte přehled Core Web Vitals v Google Search Console, který ukáže problémové URL po skupinách.

Jaké jsou dnes hodnoty Core Web Vitals?

LCP do 2,5 sekundy, INP do 200 milisekund a CLS do 0,1, měřeno na 75. percentilu reálných návštěv. Metrika INP nahradila v roce 2024 dřívější FID, takže pokud váš návod mluví o First Input Delay, pracuje se zastaralými údaji.

Podporuje Shoptet formát WebP?

Ano. Od května 2024 Shoptet převádí obrázky ze svého CDN do WebP automaticky při zobrazení v prohlížeči, přípona souboru přitom zůstává původní. Nahrávejte běžný JPG nebo PNG v doporučených rozměrech; soubor by měl mít pod 1 MB, ideálně v nižších stovkách kilobajtů.

Jak velké obrázky mám do Shoptetu nahrávat?

Podle nápovědy Shoptetu minimálně 1 024 px na šířku, pro výchozí poměr stran 4:3 ideálně 1 364 × 1 024 px. Maximální velikost souboru je 2 MB, větší rozměry systém sám zmenší. Menší soubor ale znamená méně přenesených dat, proto obrázky před nahráním komprimujte.

Kolik doplňků zpomalí e-shop?

Nejde jen o počet, ale o to, kolik skriptů se načte a kdy. Deset dobře napsaných rozšíření může být rychlejších než tři, která blokují vykreslení. Praktický postup: změřte stav, odinstalujte doplňky, které nepoužíváte, a po týdnu porovnejte data.

Zlepší rychlejší e-shop pozice v Googlu?

Rychlost je jeden ze signálů, ne hlavní páka. Pokud jste v Core Web Vitals ve žlutém nebo červeném pásmu, zlepšení může pomoci. Když už jste v zeleném, další desetiny sekundy pozicemi obvykle nepohnou a víc přinese obsah a interní prolinkování.

Zrychlí e-shop přechod na vyšší tarif Shoptetu?

Tarify se podle ceníku liší hlavně maximálním počtem produktů a rozsahem funkcí, ne rychlostí načítání. Rozdíly v rychlosti mezi e-shopy dělá hlavně objem obrázků, šablona a počet skriptů. Aktuální tarify rozebíráme v článku o ceníku Shoptetu pro rok 2026.

Aktualizováno 24. 9. 2026.