Pomalý Shoptet: co zpomaluje e‑shop a co s tím

Co je platforma a co je vaše

Shoptet je hostovaná služba: servery, základní kód platformy a jeho aktualizace spravuje provozovatel. Na odezvu serveru ani na jádro systému nemáte vliv. Přesto se dva e-shopy na stejné platformě mohou lišit v rychlosti mnohonásobně. Rozdíl dělá to, co si do e-shopu přidali provozovatelé.

To, co ovlivníte vy: velikost a formát obrázků, počet doplňků, vlastní HTML kódy v administraci, slidery a bannery, použité fonty, měřicí a reklamní skripty a widgety třetích stran, například chat. Dobrá zpráva je, že právě tyto věci bývají hlavní příčinou.

Jak změřit, co je pomalé

1. Změřte úvodní stránku, kategorii a produkt

   V PageSpeed Insights zadejte adresu každého typu stránky zvlášť a koukejte na mobil. Zapište si hodnoty LCP, CLS a INP. Co znamenají, vysvětluje návod Core Web Vitals pro e-shop.

2. Zjistěte, co brzdí první zobrazení

   V diagnostice hledejte největší obrázek, skripty třetích stran a „Reduce unused JavaScript“. Seznam ukazuje, které domény a soubory načítání zdržují.

3. Vyzkoušejte e-shop v anonymním okně

   Otevřete ho v anonymním okně bez rozšíření prohlížeče. Rozšíření totiž často zpomalují stránku víc než e-shop sám.

4. Vypínejte po jednom

   Dočasně vypněte jeden doplněk nebo kód a změřte znovu. Takto poznáte, který prvek stojí za zpomalením, aniž byste zasahovali do šablony.

Obrázky

Nejčastější příčina pomalého načítání. Fotky z foťáku nebo od dodavatele mívají mnoho megabajtů a nejsou potřeba v plném rozlišení. Před nahráním je zmenšete na skutečnou potřebnou velikost a komprimujte. Hlavní obrázek v horní části stránky, tedy banner nebo fotka produktu, je často prvkem LCP, proto na něm záleží nejvíc. Velké soubory nevkládejte ani přes vlastní HTML kódy.

Doplňky a vlastní HTML kódy

Každý doplněk často přidává vlastní skripty a styly na všechny stránky, ať ho stránka potřebuje, nebo ne. Projděte seznam a odinstalujte ty, které nepoužíváte nebo jejichž přínos nedokážete změřit. Zbytečné jsou i doplňky, které jen opakují to, co umí šablona.

Vlastní HTML kódy v administraci (do hlavičky nebo patičky) jsou nejčastější místo, kde se hromadí zapomenutý odpad: starý měřicí kód, nefunkční reklamní pixel, konverzní kódy z minulých kampaní. Každý z nich stojí čas při každém načtení. Vypište si všechny, ke každému určete, k čemu slouží, a zbytečné odstraňte. Před smazáním si kód zkopírujte.

Slidery, fonty a widgety třetích stran

• Slider na úvodní stránce načítá několik velkých obrázků a skripty ještě před zobrazením prvního snímku. Jeden statický banner bývá rychlejší a často lépe prodává.
• Vlastní fonty: použijte co nejméně řezů a variant. Každý řez je další soubor ke stažení.
• Chat, vyskakovací okna a nástroje pro sbírání e-mailů: načítají se na všech stránkách a často zhoršují INP. Zvažte, zda jsou potřeba na každé stránce, nebo se mohou načíst až po interakci.
• Reklamní a měřicí skripty: pixely, Google Tag Manager s mnoha značkami, heatmapy. Nechte jen ty, ze kterých skutečně čerpáte data.

Pořadí, ve kterém to dává smysl

Nejdřív odstraňte to, co nepotřebujete: nepoužívané doplňky, staré kódy a zbytečné widgety. Je to zdarma, bez rizika pro vzhled a často přinese největší zlepšení. Pak zmenšete obrázky na nejnavštěvovanějších stránkách a zvažte, zda slider na úvodní stránce nenahradit jedním bannerem.

Teprve potom má smysl řešit šablonu a načítání skriptů. Po každé změně změřte stejnou stránku znovu a zapište si výsledek. Změny, které nic nepřinesly, vraťte zpět, ať e-shop zbytečně nekomplikujete. Když používáte Google Tag Manager, projděte i jeho značky: zapomenuté pixely z dávných kampaní jsou stejný odpad jako staré HTML kódy.

Co řeší platforma a co řemeslník

Odezva serveru, jádro platformy a základní zdrojový kód šablony jsou na straně Shoptetu a jeho tvůrců šablon. Úpravy šablony, odložení skriptů a práce s načítáním fontů už vyžadují programátora, ale ne vždy je nutná. Nejdřív proveďte kroky výše, často stačí. Pokud ne, nabízíme změření před a po a opravu největších příčin: od 4 990 Kč bez DPH. Podrobnosti najdete na stránce Rychlost e-shopu, o dopadu na vyhledávání na SEO pro Shoptet.