Shopify

Opnå en hurtig load time på dine kollektions sider med få ændringer

Sådan opnår du en hurtig load time på dine kollektionssider!

Vi kender det alle. Vi kommer ind på en kollektionsside, hvor indlæsningstiden er alt for langsom. Resultatet er ofte det samme - vi smutter videre og finder et andet sted at handle. Og det sker også selvom, at vi er i den perfekte målgruppe.

Det er ikke godt!

Så med få ændringer kan du heldigvis gøre oplevelsen for dine besøgende MEGET bedre.

Macbook med kaffe fra mcb.dk

Vi har testet 50 forskellige Shopify websites på deres performance indenfor 5 forskellige kriterier; den overordnet performance, tilgængelighed hjemmesiden, Best Practices, SEO og hvor lang tid det tager, før man kan interagerer med hele kollektionssiden.

Og resultaterne er klare!

Her kan du se det gennemsnitlige resultat af alle 50 forskellige websites, hvor den bedste score er 100:

 

Analyse på 50 forskellige Shopify websites baseret på 5 forskellige kriterier

 

Den største faktor til dårlig performance er for store opløsninger på billeder. Produktbillederne bliver simpelthen uploadet for store til, at hjemmesiden kan nå at loade dem alle sammen hurtigt nok og derved give en god oplevelse for kunden.

Og hvem gider at lade sine kunder vente alt for længe?

Lad os tage et eksempel - Kan du se forskellen på de to nedenstående billeder?

 
Billede med høj opløsning fra mcb.dk
Billede med lav opløsning fra mcb.dk

 

 

 

 

 

 

 

 

 

 

Med øjet kan det være svært at se, hvor de adskiller sig, men i din load time er der en verden til forskel. Billedet til venstre er 344 KB, mens billedet til højre er 86 KB. Det er en tredjedel load time, du kan spare pr. billede på dine kollektionssider.

Og den tid er betydningsfuld for dine besøgende og dermed også din konverteringsrate.

På de 50 shopify websites som vi har testet, var der i gennemsnit 27 forskellige produkter pr. kollektionsside, og er billederne ikke optimerede, giver det altså et kraftigt udslag på load time - et negativt udslag!

 

Se grafen herunder. Den fortæller, hvad ens load time ligger på, på ikke optimerede billeder.

 

Grafen sammenligner load time med antal produkter i høj opløsning, som man oploader i Shopify

 

Men sørger du for at optimere dine billeder på dine produktsider, vil grafen se sådan her ud:

 

Grafen sammenligner load time med antal produkter i lav opløsning, som man oploader i Shopify....Sikke en forskel!
 

2 lette trin til at optimere din
load time på dine kollektionssider

1 - Komprimér dine billeder:

Komprimér dine billeder til den lavest mulige størrelse uden, at det ødelægger kvaliteten på billedet. Vi ønsker nemlig heller ikke et dårligt pixeleret billede, som bliver for uskarpt til, at det lever op til dine standarder.

Du kan bruge den her hjemmeside: TinyPNG.

Værktøjet sørger for at fjerne alt det unødvendige, som er på det billede, du uploader, og det er meget tid, der er sparet for dine besøgende, som hurtigt vil se dine produkter.

 

2 - Indlæs kun 4 billeder ad gangen på dine kollektionssider:

Ud af de 50 tests var det udslagsgivende, at de websites, der kun loadede 3-4 produktbilleder ad gangen, havde det bedste resultatet. Ved at scrolle videre blev de næste 3-4 billeder så loaded - med det samme resultat.

Det betyder, at man som potentiel kunde ikke spilder tid på at vente på billederne, og man kan derfor hurtigt komme videre til de varer, man er interesseret i.

...Det er god service!

Både i den lille og store ende af skalaen kan dette meget lille tiltag, altså virkelig gøre en stor forskel på din load time. Bare tag et kig på grafen herunder.

 

Illustrationen viser besparelsen i load time på ens Shopify Shop ud fra om man loader 4, 20, 40, 60 eller 80 produkter på en gang

 

Grafen sammenligner indlæsning af hhv. 20, 40, 60 og 80 produkter på én gang sammenlignet med indlæsning af kun 4 produkter ad gangen. De grå felter viser besparelsen i load time.

En anden faktor, som du også bør bide mærke i ift. dårlig performance, er ubrugt JavaScript, som ligger og kører i baggrunden uden, at det gavner noget. I gennemsnit kan de 50 webshops, som vi testede spare hele 3,66 sek. ved hver indlæsning ved at slette ubrugt JavaScript.

Det er vildt! 3,66 sek.!

 

Ud fra analyse kan 50 forskellige Shopify websites sparer 3,66 sek i gennemsnit på ubrugt JavaScript

Hastighed er noget af det vigtigste, når du driver en webshop, og derfor tæller hvert millisekund for dine besøgende.

Der kan være ubrugte third-parties services, som ligger og kører, uden du ved det. Og der kan være apps, som tager mere plads, end du tror osv. Derfor kan det kun anbefales, at du gennemsøger dit website for steder, hvor du kan spare sekunder.

 

Se andre blogindlæg lige her

Se alle