Lyneon

Pomalý Shoptet: čo spomaľuje e‑shop a čo s tým

Váš Shoptet sa načítava pomaly a neviete, či je chyba v platforme, šablóne, alebo v tom, čo ste doň pridali? Väčšinu rýchlosti ovplyvnia veci, ktoré máte pod kontrolou. Tu je prehľad.

Aktualizované · 4 min čítania

V skratke

  • Shoptet je hostovaná platforma: server a jadro nastavuje prevádzkovateľ. Vy ovplyvníte obrázky, doplnky, vlastné HTML kódy, slidery, fonty a widgety tretích strán.
  • Najčastejšie príčiny pomalého Shoptetu sú veľké obrázky, veľa doplnkov a zabudnuté skripty vložené v HTML kódoch.
  • Merajte na mobile v PageSpeed Insights, ale rozhodujú terénne dáta. Zmeny zavádzajte po jednej, aby ste vedeli, čo pomohlo.

Čo je platforma a čo je vaše

Shoptet je hostovaná služba: servery, základný kód platformy a jeho aktualizácie spravuje prevádzkovateľ. Na odozvu servera ani na jadro systému nemáte vplyv. Napriek tomu sa dva e-shopy na rovnakej platforme môžu v rýchlosti líšiť mnohonásobne. Rozdiel robí to, čo si do e-shopu pridali prevádzkovatelia.

To, čo ovplyvníte vy: veľkosť a formát obrázkov, počet doplnkov, vlastné HTML kódy v administrácii, slidery a bannery, použité fonty, meracie a reklamné skripty a widgety tretích strán, napríklad chat. Dobrá správa je, že práve tieto veci bývajú hlavnou príčinou.

Ako zmerať, čo je pomalé

  1. Zmerajte úvodnú stránku, kategóriu a produkt

    V PageSpeed Insights zadajte adresu každého typu stránky osobitne a pozerajte na mobil. Zapíšte si hodnoty LCP, CLS a INP. Čo znamenajú, vysvetľuje návod Core Web Vitals pre e-shop.

  2. Zistite, čo brzdí prvé zobrazenie

    V diagnostike hľadajte najväčší obrázok, skripty tretích strán a „Reduce unused JavaScript“. Zoznam ukazuje, ktoré domény a súbory načítanie zdržiavajú.

  3. Vyskúšajte e-shop v anonymnom okne

    Otvorte ho v anonymnom okne bez rozšírení prehliadača. Rozšírenia totiž často spomaľujú stránku viac než e-shop sám.

  4. Vypínajte po jednom

    Dočasne vypnite jeden doplnok alebo kód a zmerajte znova. Takto poznáte, ktorý prvok stojí za spomalením, bez toho aby ste zasahovali do šablóny.

Obrázky

Najčastejšia príčina pomalého načítania. Fotky z fotoaparátu alebo od dodávateľa majú často niekoľko megabajtov a nie sú potrebné v plnom rozlíšení. Pred nahraním ich zmenšite na skutočne potrebnú veľkosť a skomprimujte. Hlavný obrázok v hornej časti stránky, teda banner alebo fotka produktu, je často prvkom LCP, preto na ňom záleží najviac. Veľké súbory nevkladajte ani cez vlastné HTML kódy.

Doplnky a vlastné HTML kódy

Každý doplnok často pridáva vlastné skripty a štýly na všetky stránky, či ich stránka potrebuje, alebo nie. Prejdite zoznam a odinštalujte tie, ktoré nepoužívate alebo ktorých prínos nedokážete zmerať. Zbytočné sú aj doplnky, ktoré len opakujú to, čo vie šablóna.

Vlastné HTML kódy v administrácii (do hlavičky alebo päty) sú najčastejšie miesto, kde sa hromadí zabudnutý odpad: starý merací kód, nefunkčný reklamný pixel, konverzné kódy z minulých kampaní. Každý z nich stojí čas pri každom načítaní. Vypíšte si všetky, ku každému určite, na čo slúži, a zbytočné odstráňte. Pred zmazaním si kód skopírujte.

Slidery, fonty a widgety tretích strán

  • Slider na úvodnej stránke načítava niekoľko veľkých obrázkov a skripty ešte pred zobrazením prvého záberu. Jeden statický banner býva rýchlejší a často lepšie predáva.
  • Vlastné fonty: použite čo najmenej rezov a variantov. Každý rez je ďalší súbor na stiahnutie.
  • Chat, vyskakovacie okná a nástroje na zbieranie e-mailov: načítavajú sa na všetkých stránkach a často zhoršujú INP. Zvážte, či sú potrebné na každej stránke, alebo sa môžu načítať až po interakcii.
  • Reklamné a meracie skripty: pixely, Google Tag Manager s mnohými značkami, heatmapy. Nechajte len tie, z ktorých skutočne čerpáte dáta.

Poradie, v ktorom to dáva zmysel

Najprv odstráňte to, čo nepotrebujete: nepoužívané doplnky, staré kódy a zbytočné widgety. Je to zadarmo, bez rizika pre vzhľad a často prinesie najväčšie zlepšenie. Potom zmenšite obrázky na najnavštevovanejších stránkach a zvážte, či slider na úvodnej stránke nenahradiť jedným bannerom.

Až potom má zmysel riešiť šablónu a načítavanie skriptov. Po každej zmene zmerajte rovnakú stránku znova a zapíšte si výsledok. Zmeny, ktoré nič nepriniesli, vráťte späť, aby ste e-shop zbytočne nekomplikovali. Ak používate Google Tag Manager, prejdite aj jeho značky: zabudnuté pixely z dávnych kampaní sú rovnaký odpad ako staré HTML kódy.

Čo rieši platforma a čo remeselník

Odozva servera, jadro platformy a základný zdrojový kód šablóny sú na strane Shoptetu a jeho tvorcov šablón. Úpravy šablóny, odloženie skriptov a práca s načítavaním fontov už vyžadujú programátora, ale nie vždy je nutný. Najprv urobte kroky vyššie, často stačia. Ak nie, ponúkame meranie pred a po a opravu najväčších príčin: od 200 € bez DPH. Podrobnosti nájdete na stránke Rýchlosť e-shopu, o dopade na vyhľadávanie na SEO pre Shoptet.

Časté otázky

Je Shoptet pomalší než iné platformy?

Nedá sa to povedať všeobecne. Rýchlosť konkrétneho e-shopu veľmi závisí od šablóny, doplnkov a pridaných skriptov, nielen od platformy. Zmerajte vlastné stránky.

Pomôže zmena šablóny?

Niekedy áno, ale najprv odstráňte doplnky, zbytočné kódy a veľké obrázky. Nová šablóna s rovnakými skriptmi nezrýchli nič.

Mám sa riadiť skóre v PageSpeed Insights?

Skóre je laboratórne a môže kolísať. Dôležitejšie sú terénne hodnoty LCP, CLS a INP od skutočných návštevníkov.

Objednať audit zadarmo

Vyplňte adresu e-shopu a e-mail. Report pošleme do dvoch pracovných dní. Vaše údaje použijeme len na odpoveď na túto žiadosť.

  • Bez prístupov a bez inštalácie
  • Report je váš, aj keď si nič neobjednáte
  • Odpovedá človek, nie automat

Údaje použijeme len na odpoveď na túto žiadosť. Ochrana osobných údajov

Ďalšie návody