5 Shopify brzih trikova koji su povećali prihod našeg klijenta za 34%

Kada smo prvi put revidirali ovaj DTC brend za njegu kože srednjeg tržišta, njihova Shopify trgovina se učitavala za 6,8 sekundi na mobilnim uređajima. Stope napuštanja stranice bile su vrtoglave, a njihov plaćeni promet je trošio novac. U roku od šest tjedana, vrijeme učitavanja smanjili smo na 2,1 sekundu. I prihod je uslijedio.

1. Lijeno učitavanje svega ispod preklopa. Implementirali smo izvorno lijeno učitavanje za sve slike proizvoda i odgodili nekritični JavaScript. Samo to je skratilo početnu boju za 1,5 sekundi.

2. Uklonite nekorišteni CSS i JS. Tema je nakupila tri godine mrtvog koda iz napuštenih aplikacija i starih kampanja. Uklonili smo preko 200 KB nekorištenih resursa koristeći kombinaciju PurgeCSS-a i ručne revizije.

3. Optimizirajte svoj cjevovod slika. Zamijenili smo PNG-ove s WebP-om, postavili automatsku kompresiju putem Shopifyjevih CDN parametara i dodali responzivne atribute srcset kako mobilni korisnici ne bi preuzimali slike veličine stolnog računala.

4. Minimizirajte skripte trećih strana. Trgovina je imala 14 skripti trećih strana koje su se sinkrono učitavale. Svaki smo pregledali, uklonili pet koji nisu pružali nikakvu vrijednost, a ostale smo odgodili. JS treće strane bio je odgovoran za 40% ukupnog vremena učitavanja.

5. Prethodno učitavanje kritičnih resursa. Dodali smo savjete za prethodno učitavanje za glavnu sliku, datoteke primarnih fontova i ključni CSS, osiguravajući da preglednik daje prioritet onome što korisnici zapravo prvo vide.

Rezultat? Povećanje prihoda od 34% po sesiji unutar prvog mjeseca nakon optimizacije. Brzina nije samo lijepa stvar. To je poluga prihoda.