Ako zrýchliť Shoptet e-shop: čo ovplyvníte a čo nie

Krátka odpoveď: Server a základ platformy má na starosti Shoptet, takže hosting ani jadro šablóny meniť nemôžete. Rýchlosť však výrazne ovplyvňuje to, čo do e-shopu pridáte vy: veľké obrázky a bannery, marketingové a iné externé skripty, doplnky tretích strán, úpravy šablóny na mieru a počet produktov na stránke kategórie. Merajte mobil aj počítač zvlášť, lebo Shoptet posiela telefónu inú verziu stránky než počítaču.

Shoptet je obľúbená platforma na e-shop aj na Slovensku. Výhoda: nemusíte riešiť server. Nevýhoda: keď je e-shop pomalý, mnohí majitelia nevedia, kde začať, lebo „do kódu predsa nevidia“. Dobrá správa je, že väčšinu brzd si do e-shopu pridávate sami a sami ich viete aj odstrániť.

Čo rieši Shoptet a čo vy

Shoptet na svojom blogu o rýchlosti e-shopu (apríl 2026) píše, že platforma je sama o sebe rýchla a väčšina e-shopov má dobrú odozvu servera. Zároveň upozorňuje, že vlastný dizajn, úpravy šablóny na mieru, marketingové skripty a doplnky tretích strán môžu rýchlosť výrazne zhoršiť.

Najprv zmerajte mobil aj počítač

Pri Shoptete to platí dvojnásobne. Overili sme na ukážkových šablónach Shoptetu, že server pošle telefónu a počítaču odlišný kód stránky (iná verzia hlavičky, iné prvky). Zmena šírky okna na počítači preto nestačí. Treba merať ako skutočný telefón.

Meranie na rychlostwebu.sk zmeria mobil aj počítač naraz a pri mobile sa prehliadač predstaví ako telefón, takže dostanete mobilnú verziu e-shopu. Zmerajte aspoň:

1. úvodnú stránku,
2. najnavštevovanejšiu kategóriu,
3. detail predávaného produktu,
4. košík (ak je verejne dostupný).

Poznačte si známky a porovnajte ich s konkurenciou na stránke Porovnanie. Rozhoduje mobil, viac v článku Mobil vs počítač.

1. Obrázky produktov, log a bannerov

Od mája 2024 Shoptet podľa vlastného článku o obrázkoch automaticky doručuje obrázky produktov, log a bannerov vo formáte WebP. Vy naďalej nahrávate JPG alebo PNG. To pomáha, no prevod formátu nezachráni fotku, ktorá má päť megabajtov a 6000 pixelov.

Shoptet v tom istom článku odporúča držať veľkosť obrázka pod 1 MB, ideálne v nižších stovkách kB.

Čo urobiť:

• fotky pred nahratím zmenšite a skomprimujte,
• pri veľkom katalógu začnite najpredávanejšími produktmi a fotkami v kategóriách,
• v nastaveniach zobrazenia skontrolujte pomer obrázkov, ten podľa nápovedy Shoptetu ovplyvňuje, ako sa obrázky v e-shope zobrazujú.

2. Bannery a carousel na úvodnej stránke

Carousel (striedajúci sa veľký banner navrchu) je často prvá vec, ktorú zákazník vidí, a zároveň najväčší obrázok na stránke. Práve od neho sa odvíja, kedy sa úvodná stránka zdá načítaná (metrika LCP, viac v článku Core Web Vitals).

Bannery spravujete v časti Vzhľad a obsah → Bannery. Podľa nápovedy Shoptetu k bannerom môžete pre bannery aj carousel nastaviť zobrazenie na mobile. Pre mobilný carousel Shoptet odporúča rozmer 800 × 665 px.

Čo urobiť:

• obmedzte počet snímok v carouseli, stará akcia nemá čo robiť na úvode,
• na mobil pripravte menší banner v odporúčanom rozmere namiesto širokého počítačového,
• staré bannery s ukončenou platnosťou odstráňte.

3. Doplnky

Doplnky sú pohodlné: recenzie, poradenstvo, porovnávače, vyskakovacie okná, darčeky, odpočet akcie. Mnohé však pridávajú vlastné skripty na každú stránku e-shopu.

Čo urobiť:

• spíšte si všetky aktívne doplnky,
• pri každom sa opýtajte, či za posledný rok priniesol objednávky,
• nepotrebné vypnite a po vypnutí zmerajte znova,
• vypínajte po jednom, aby ste vedeli, ktorý mal najväčší vplyv.

4. Marketingové a iné externé skripty

Chat, remarketingové kódy, merania pre reklamy, heatmapy, widgety recenzií, vložené videá. Každý skript sa sťahuje z cudzieho servera a na telefóne berie procesor. E-shop medzitým horšie reaguje na ťuknutie (metrika INP).

Vlastný kód sa do Shoptetu vkladá cez Vzhľad a obsah → Editor → HTML kód (sekcie záhlavie, pätička a dokončená objednávka). Shoptet v nápovede upozorňuje, že s vlastnými úpravami cez HTML, CSS a JavaScript jeho technická podpora nepomáha.

Čo urobiť:

• skontrolujte, čo je vložené v editore HTML kódu, a vyhoďte kódy služieb, ktoré už nepoužívate,
• nepoužívajte dva nástroje na to isté (napríklad dva chaty alebo dve heatmapy),
• pred odstránením zistite, či kód nemeria objednávky pre Google Analytics, Google Ads alebo Meta. Po každom zásahu overte, že sa nákupy stále merajú.

5. Počet produktov na stránke kategórie

Každý produkt v zozname znamená obrázok, cenu, štítky a ďalší kód. Čím viac produktov na jednej stránke, tým dlhšie sa kategória načítava, najmä na telefóne.

Počet nastavíte v Nastavenia → Produkty → Zobrazenie v poli Položiek na stránku. Nájdite rozumnú mieru medzi pohodlím zákazníka a rýchlosťou a po zmene kategóriu znova zmerajte.

6. Úpravy šablóny na mieru

Vlastné CSS a JavaScript dokážu e-shop odlíšiť od konkurencie, ale aj spomaliť. Typické sú animácie, posuvníky, efekty pri scrollovaní a prvky, ktoré sa dokresľujú až po načítaní, čím stránka poskakuje (metrika CLS).

Ak úpravy robila agentúra, pošlite jej PDF report z merania a požiadajte o kontrolu výkonu na mobile. Pri e-shope, kde sa toho nazbieralo veľa, sa oplatí odborník na rýchlosť Shoptetu. Pomôcť vie aj lacnyweb.eu.

Poradie krokov

1. Zmerajte úvod, kategóriu a produkt na mobile aj počítači.
2. Zmenšite hlavné bannery a fotky.
3. Upracte carousel.
4. Vypnite nepotrebné doplnky.
5. Prečistite vložené skripty a overte merania objednávok.
6. Upravte počet produktov na stránke.
7. Zmerajte znova a porovnajte.

Všeobecné tipy pre všetky e-shopy nájdete v článku Ako zrýchliť e-shop, súvislosť so SEO v článku Rýchlosť webu a SEO.

Časté otázky

Je Shoptet pomalý?

Samotná platforma podľa Shoptetu rýchla je. Pomalé bývajú konkrétne e-shopy, a to najčastejšie pre ťažké obrázky, doplnky, skripty a úpravy šablóny.

Môžem si na Shoptete zmeniť hosting?

Nie, server prevádzkuje Shoptet. Ovplyvniť môžete to, čo e-shop posiela zákazníkovi: obrázky, skripty, doplnky a obsah stránok.

Prečo mám na mobile inú známku ako na počítači?

Mobilné meranie simuluje slabší telefón a pomalšie pripojenie a Shoptet telefónu navyše posiela inú verziu stránky. Preto merajte a opravujte obe verzie.

Musím obrázky prevádzať do WebP sám?

Pri obrázkoch produktov, log a bannerov nie, Shoptet ich do WebP prevádza sám. Veľkosť a rozmer fotky však ostávajú na vás.

Zmerajte svoj Shoptet e-shop

Zadajte adresu na rychlostwebu.sk. O minútu uvidíte známku pre mobil aj počítač, vysvetlené metriky, údaje skutočných návštevníkov (ak ich Google má) a 35 kontrol stavby webu. Zadarmo a bez registrácie.