lamapixel
0%

Tvorba e-shopu na Shopify a úpravy existujícího tématu

Shopify je rychlý. Vaše stránka nemusí být.

Server Shopify odpoví za 0,73 sekundy. Na jednom obchodu, který jsme měřili, naskočil hlavní prvek stránky až v 19,2 sekundy - ten rozdíl si přidalo téma, aplikace a cizí skripty. Stavíme a přebíráme obchody tak, aby nevznikal.

Chci vědět, co brzdí můj obchod →
lamapixel.com/tvorba-eshopu
Tvorba e-shopu na Shopify a úpravy tématu
0,73 sOdpověď serveru Shopify
19,2 sNaměřený LCP téže stránky

Tři místa, kde se na Shopify ztrácejí peníze, a žádné z nich není platforma.

Shopify za vás řeší pokladnu, výkon serveru i bezpečnost. Účet za pomalý obchod píše téma, aplikace a mezinárodní nastavení.

Rychlost

Téma a rychlost načítání

Rozdíl mezi 1,8 a 19,2 sekundy vážil 10,6 MB. Vlastní kód tématu měl 635 kB, na živé stránce jich byly tři megabajty. Pořadí, ve kterém se rychlost opravuje, máme sepsané i s naměřenými čísly.

  • Měření platformy a stavby stránky odděleně
  • Cizí skripty s defer, ne dvanáct cizích výpadků
  • Opravy v pořadí podle dopadu, ne podle skóre
Aplikace

Audit aplikací a úklid tématu

Odinstalovaná aplikace v tématu zůstává: mrtvé snippety, 6,9 MB obrázků a cizí skripty, které nikdo nespravuje. Jak si audit uděláte sami za odpoledne, popisujeme i s příkazy.

  • Seznam toho, co po aplikacích v tématu zbylo
  • Cizí kód bez majitele ven z výchozí stránky
  • Měsíční účet za aplikace rozepsaný na tři části
Expanze

Markets, překlady a druhý trh

Hreflang vznikne jen pro trh, který má vlastní adresu, a překlad, který dělá JavaScript, pro vyhledávač neexistuje. Kde se při expanzi ztrácí SEO, jsme si změřili.

  • Podsložka, subdoména, nebo národní doména
  • Kontrola hreflang dřív, než přidáte další trh
  • Rozhodnutí, které platí roky dopředu

Nejdřív měření, teprve potom faktura.

01

Měříme dvě čísla, ne jedno

PageSpeed Insights míchá dvě různá měření a jen jedno z nich je o vaší stránce. Než něco opravíme, oddělíme odpověď platformy od stavby stránky - jinak se opravuje špatná věc a čísla se nehnou.

02

Šablony místo polí se vrátí

Téma po čtyřech letech úprav mělo 323 šablon na 193 struktur a 723 vypnutých sekcí. Když se banner udělá šablonou místo pole v administraci, zaplatíte to při druhém trhu.

03

Řekneme i to, ať Plus nekupujete

Plus se nekupuje kvůli rychlosti, ale kvůli pokladně, a headless má tři podmínky, bez kterých nemá smysl. Spočítáme to na vašich číslech, i když nám vyjde ne.

Od měření k předání, krok za krokem.

01

Měření a rozbor

Změříme odpověď platformy a stavbu stránky zvlášť, projdeme téma a seznam aplikací. Výsledkem je pořadí oprav podle dopadu, ne seznam všeho, co by šlo vylepšit.

02

Úklid tématu

Mrtvý kód, zbytky po odinstalovaných aplikacích, cizí skripty bez defer. Co v tématu zůstane, dostane majitele a důvod, proč tam je.

03

Vývoj a úpravy

Sekce a pole v administraci místo větvení šablon, aby obsah měnila redakce a ne dodavatel. Každá nová struktura má důvod zapsaný v zadání.

04

Expanze a předání

Markets, hreflang a překlady zkontrolované dřív, než přidáte trh. Předání s písemným zápisem, co se změnilo, proč, a co zůstalo neuklizené.

Časté dotazy k e-shopu na Shopify

Nevíte, co váš obchod brzdí? Pošlete nám adresu - vstupní měření je zdarma.

Live · Online
Odpovídáme do 24 hodin · Vstupní měření zdarma
Otevřít kontaktní formulář
0,73 sOdpověď platformy
19,2 sNaměřený LCP
RYCHLOSTShopify je přece rychlý. Proč je můj obchod pomalý?
Protože se měří dvě různé věci. Server Shopify odpověděl za 0,73 sekundy, ale hlavní prvek stránky naskočil až v 19,2 sekundy. Rozdíl vážil 10,6 MB a udělalo ho téma, aplikace a cizí skripty. Celé měření i pořadí, ve kterém se to opravuje, je v článku Proč je rychlý Shopify pomalý.
APLIKACEAplikace jsem odinstaloval. Pomohlo to?
Většinou jen částečně. Aplikace nesahá jen na svoje soubory - v tématu po ní zůstávají snippety, obrázky a skripty, které se načítají dál a nikdo je nespravuje. Audit aplikací si zvládnete udělat sami za odpoledne, návod i s příkazy je v textu Audit aplikací: co vám aplikace berou i po odinstalování.
TÉMAPřevezmete téma po jiném dodavateli?
Ano, děláme to pravidelně. Začínáme inventurou: kolik je v tématu šablon, kolik z nich má opravdu vlastní strukturu a kolik sekcí je vypnutých. U jednoho tématu po čtyřech letech to bylo 323 šablon na 193 struktur a 723 vypnutých sekcí - co s tím, rozebíráme v článku Když se šablona zvrhne.
NÁKLADYKolik stojí zrychlení nebo úklid tématu?
Cenu píšeme až po měření, protože se láme na tom, kolik je v tématu cizího kódu a kolik aplikací ho drží při životě. Vstupní rozbor - dvě čísla a pořadí oprav podle dopadu - vám pošleme dřív, než budeme psát nabídku.
PLUSMáme přejít na Shopify Plus nebo na headless?
Plus se nekupuje kvůli rychlosti, ale kvůli pokladně, a samotné B2B důvodem k přechodu není. Headless má tři podmínky, bez kterých ho kupovat nemá smysl. Modelový výpočet návratnosti, do kterého si dosadíte vlastní čísla, je v článku Shopify Plus a headless: kdy to dává smysl.
EXPANZEChystáme druhý trh. Na co si dát pozor?
Na to, že hreflang vznikne jen pro trh s vlastní adresou, že automatické přesměrování se netýká robotů, a že překlad přes JavaScript pro vyhledávač neexistuje. Šest kontrol, které zvládnete během jednoho odpoledne, je v textu Shopify Markets a překlady.

Pošlete nám adresu obchodu a seznam aplikací. Vrátíme dvě čísla - odpověď platformy a stavbu stránky - a pořadí oprav podle dopadu. I v případě, že si nás nakonec nenajmete.

Nechat obchod změřit