Minulý mesiac sme zverejnili The Dokonalý sprievodca prípravou obchodu Magento na nepretržitý sviatočný predaj v partnerstve s Drážka. E-kniha je komplexným sprievodcom, ako dostať váš eCommerce obchod Magento do formy na sviatočnú sezónu. Ak ste sa ešte nezačali pripravovať, čas sa kráti, aby ste svojim zákazníkom poskytli čo najlepší zážitok, nehovoriac o maximalizácii výnosov počas najrušnejšieho nákupného obdobia v roku.
Ale lepšie neskoro ako nikdy, preto sa chcem podeliť o niekoľko ďalších tipov na optimalizáciu zo sprievodcu Ultimate Guide, aby ste sa uistili, že vaši zákazníci nebudú musieť pred nákupom sedieť a krútiť palcami.
V našom predchádzajúcom článku sprievodcu prípravou na sezónu sviatkov sme sa zamerali na to, ako môžete použiť údaje na zlepšenie výkonnosti. Dnes chcem preskúmať niektoré techniky na zlepšenie výkonu front-endu Magento.
Nájdite úzke miesta
Ako sa hovorí, predčasná optimalizácia je koreňom všetkého zla. Všetky rady, ktoré sa chystám poskytnúť, sú platné, ale každý elektronický obchod je iný. Nemá zmysel strácať čas optimalizáciami, ktoré nemajú praktický vplyv na výkonnosť vášho obchodu.
Existuje niekoľko bezplatných nástrojov, ktoré vám pomôžu identifikovať ciele pre optimalizáciu. odporúčam Nástroje Pingdom a Google Pagespeed Insights. Každá z nich poskytuje užitočné informácie, ktoré môžete použiť na zacielenie optimalizácií tam, kde prinesú najväčší úžitok.
Znížte počet požiadaviek HTTP
Každá požiadavka HTTP trvá určitý čas, pretože dátové pakety cestujú z prehliadača zákazníka na váš server a späť. Zníženie počtu spiatočných ciest môže výrazne znížiť problémy s latenciou.
Ak váš obchod načítava veľké množstvo súborov CSS a JavaScript, latencia sa môže rýchlo zvýšiť. Jedným zo spôsobov, ako skrátiť časy spiatočných ciest, je zreťaziť a minimalizovať tieto aktíva.
Reťazenie je spojenie všetkých súborov do jedného veľkého súboru. Minifikáciou sa odstránia všetky prázdne miesta, komentáre a ďalšie informácie, o ktoré sa prehliadač nezaujíma.
Dúfajme, že váš vývojár témy Magento to urobil za vás, ale môžete tiež použiť vstavané možnosti Zlúčiť JavaScript a Zlúčiť CSS v ponuke Vývojár.
Nezbláznite sa so stopovačmi
Adtech, sledovače a ďalšie úryvky JavaScriptu, ktoré volajú na externé servery, môžu mať obrovský vplyv na výkon. Viem, že musíte sledovať, čo používatelia robia, aby ste zlepšili svoje skúsenosti, ale nepreháňajte to.
Dôkladne si premyslite negatívne dôsledky na výkonnosť pridania príliš veľkého množstva útržkov JavaScriptu na stránky.
Odložiť načítanie JavaScriptu
JavaScript často blokuje vykresľovanie stránok, a preto sa niekedy stránky načítajú trochu obsahu a potom sa na niekoľko sekúnd zastavia, kým sa načítajú a spustia JavaScript.
V ideálnom prípade by váš obchod mal na začiatku načítať iba aktíva – vrátane JS a CSS – potrebuje na zobrazenie obsahu. Všetko ostatné by sa malo načítať po obsahu.
Optimalizovať obrázky
Obrázky často tvoria najväčšiu časť hmotnosti stránky. To platí najmä v obchodoch s elektronickým obchodom, kde veľké pútavé obrázky môžu znamenať rozdiel v predaji.
Na produktových stránkach elektronického obchodu vám odporúčam použiť toľko obrázkov, koľko považujete za potrebné. Tieto obrázky by však mali byť optimalizované tak, aby spotrebovali čo najmenšiu šírku pásma. Môžete použiť nástroj napr ImageOptim optimalizovať pred odovzdaním alebo použiť rozšírenie ako Image Optimizer optimalizovať ich na mieste (aj keď si uvedomte, že to môže zabrať značnú časť zdrojov vášho servera, ak máte veľa obrázkov produktov).
Zvážte AMP
Projekt Accelerated Mobile Pages spoločnosti Google je spôsob, ako dokončiť celý proces optimalizácie a nasadiť paralelné stránky, ktoré ponúkajú skvelý výkon na mobilných zariadeniach.
Pôvodne bol AMP navrhnutý pre spravodajské weby, ale bolo vidieť značné množstvo využitie aj v obchodoch elektronického obchodu. Osobne by som tvrdil, že najlepším prístupom je optimalizovať stránky obchodu tak, aby ponúkali skvelý výkon bez ohľadu na platformu, ale obchodníci s elektronickým obchodom by si to určite mali uvedomiť AMP ako možnosť.
Ak ste ju ešte nečítali, určite si ju pozrite Najlepší sprievodca prípravou obchodu Magento na nepretržitý sviatočný predaj pre viac inšpirácie, keď sa priblížime k Black Friday a Cyber Monday.
