Hela världen (nåväl) vet att det är viktigt med korta laddtider inom e-handel. Men långt ifrån lika många tänker på varför, och en stor andel har dålig koll på vilka faktorer som spelar in på page speed – eller hur man får bort bromsklossarna. Det tänkte vi råda bot på nu.
Det enkla svaret är omsättning. Men om vi zoomar in lite blir det uppenbart att omsättningen påverkas av flera delar, då omsättning = konverteringsgrad x snittordervärde x trafik (+ lojalitetsfaktorer). Och faktum är att din sidas hastighet påverkar alla dessa faktorer, mer eller mindre.
Konverteringsgrad
Snittordervärde (AOV)
Trafik
Lojalitet
Summa summarum: Att jobba med att förbättra page speed kommer att löna sig, och det är jag inte ensam att påstå. Det är ett välkänt faktum. Kolla bara på de här siffrorna, till exempel:
Så om vi tittar närmare på den sista punkten i listan ovan (Walmart) skulle det efter en grov överslagsräkning innebära 10 % bättre försäljning per förbättrad sekund laddtid. Om inte det är motiverande för att börja jobba med att förbättra sin page speed, så är det svårt att hitta något som är det.
Det finns en rad saker som påverkar din e-handels page speed. Efter en snabb googling upptäcker du att bilder och video, och speciellt deras storlek och komprimering, har stor inverkan. Ibland krävs ett bild- eller videoredigeringsprogram, men inte sällan kan detta ske bulkvis eller semi-automatiskt via din plattform. Kolla med din leverantör.
Sedan nämns också möjliggöra cachning i webbläsaren ("Leverage Browser Caching") ofta. Det är ett bra tips. Om du själv inte har kunskapen så bör din webmaster alternativt teknik- eller plattformsleverantör kunna hjälpa dig med det här.
En CDN-lösning brukar ha positiv inverkan på din e-handels laddtider, speciellt för de kunder som geografiskt befinner sig långt ifrån dina servrar. Det finns flera kompetenta CDN-lösningar därute – Telia CDN är ett utmärkt exempel på ett sådant.
Många tredjepartsaplikationer har stor inverkan på dina laddtider. Men då dessa ofta är en naturlig och livsviktig del av din e-handels ekosystem går de inte att välja bort. Om du har möjlighet bör du ladda in alla externa script asynkront, och gärna efter att innehåll "above the fold" redan är inläst. Då påverkar det inte den upplevda laddtiden.
Använd dock inte fler än du verkligen behöver, ha med laddtids-aspekten vid en eventuell upphandling och fråga om deras API:er. Med öppna API:er kan du via utveckling minimera risken att de slöar ner sidan. Aktivera bara till exempel mätverktyg eller kundundersöknings-popuper när de verkligen används och behövs.
Optimera HTML och CSS. Din front-ends uppbyggnad och arkitektur har i allra högsta grad inverkan på din page speed. Det är ett aningen större och mer tidskrävande ingrepp än att beskära bilder, komprimera filmer och att signa upp sig på en CDN-lösning, men att lägga om strukturen och använda sig av ett modernt ramverk i din front-end kan skala bort mängder av värdefulla tiondels sekunder på din laddtid.
Tyvärr finns inga siffror att visa för just dig, och ingen kan garantera si eller så mycket ger X kronor mer i omsättning. Det påverkas av så många faktorer. Men det finns välanvända hjälpmedel som kan lokalisera var laddtids-skon klämmer som mest för just din e-handel. Vissa av dem vågar vi nog kalla branschstandard.
Viktigt att poängtera här är att det inte är den mätbara laddtiden som påverkar konvertering, utan den upplevda. Vad analysverktyg ofta gör är att de läser in hela sidan, från första kodsträng till sista. Det kan ge ett missvisade värde då de inte till 100 procent tar hänsyn till alla optimeringar. Ett tips är alltså att se resultaten från verktygen nedan som en fingervisning, snarare än något annat.
Med det sagt:
En sak kan göra för att få en känsla av hur din site presterar slår du av Wifi och 4G på din telefon och besöker din egen e-handel. Hur känns det? Tror du att du skulle kunna förbättra din site? Det kan du. Det kan alla. Alltid. Därför bör du sätta upp KPI:er för dina laddtider och ständigt jobba med att förbättra dem. Det är en resa som aldrig tar slut.
– Lycka till!
––––
Om du är Jetshop-kund och intresserad av att se en kort demo-film av vår nya supersnabba frontend – Jetshop Flight – som jag och några kollegor spelat in, så så kan du göra det via knappen nedan.
(Även du som inte är Jetshop-kund får kolla!)
>> Läs mer: De fyra punkterna du måste jobba med för att lyckas med din e-handel