Hur man förbättrar prestanda för e-handelsplatser

Sep 15, 2025

Hur

Tammy Everts kommer att ge en presentation på sambandet mellan design, prestanda och omvandlingsfrekvenser på Generera New York den 28 april. Få din biljett idag !

Om du inte kan göra det till New York finns det ett relaterat samtal med webbprestanda Pioneer Steve Souders på Generera San Francisco den 9 juni.

Vilka verktyg rekommenderar du att analysera användardata?
ha! Detta är en lätt fråga: Jag använder mpulse , den verkliga användarövervaknings- och analytiklösningen som utvecklats här på Sasta. Innan jag använde Mpulse använde jag en kombination av Webpagetest och Google Analytics. WebPagetest är ett av de bästa gratisverktyg som finns för att göra syntetiskt mätning av belastningstider, starta rendertider och sidstorlek och komposition. Det är fortfarande min go-to-lösning när jag vill göra några snabba mätningar av sidor på webbplatser som vi inte övervakar på Soasta.

Jag blir ofta frågad hur Mpulse skiljer sig från Google Analytics, eftersom de två lösningarna verkar ytligt lika. Faktum är att de flesta av våra MPULSE-användare också använder Google Analytics, eftersom de två verktygen är ganska komplementära.

Google Analytics hjälper dig att förstå effektiviteten av din marknadsföring, SEO och reklamutgifter genom General Web Analytics. Sasta Mpulse går djupare och gör saker som visar vilka sidor du bör fokusera dina optimeringsinsatser för att direkt förbättra dina affärsmetrics, använda prediktiv analys för att visa dig hur mycket mer intäkter du kan generera om du gör dina sidor inkrementellt snabbare, Och ge dig bättre data för att bygga smartare prestanda och lastprov, så din webbplats kollapsar inte under en trafikspets.

Hur bor du ner i dina data för att fokusera på vad du behöver veta?
Det beror på vad jag försöker förstå. Som jag just nämnde använder jag Mpulse Dashboard för att få realtid och historiska insikter om hur lasttiderna på sidorna påverkar mätvärden som studsfrekvens och sessionslängd. Jag kan borra ner i en massa riktningar därifrån med hjälp av vår djupare datavetenskapsmotor.

Jag använder "vad-om analys" - vår prediktiva analytikfunktion - för att förstå hur man gör sidor snabbare och långsammare (i steg så små som 100 millisekunder) kommer att påverka studsfrekvensen, omvandlingsfrekvensen och så vidare.

Tammy Everts uses mPulse to understand how the load times of pages affect certain metrics — Tammy Everts använder Mpulse för att förstå hur lasttiderna på sidor påverkar vissa mätvärden

Om jag vill veta vilka sidor som har störst påverkan på omvandlingar när det gäller deras relativa prestanda får jag konverteringspåverkan för alla sidgrupper på en webbplats. Konverteringspåverkan svarar på frågan: Hur mycket påverkan gör utförandet av detta sida har på omvandlingar?

Vi insåg att vi behövde skapa denna metriska eftersom platsägare var optimera sidor de trodde var viktiga, men då visade inte resultat när de tittade på intäkter och konverteringsnummer. Nu vet vi att om du gör vissa sidtyper snabbare, ser du intäkter och konverteringsförbättringar, medan optimering av andra sidor inte gör stor skillnad.

När du känner till poängen för de olika typerna av sidor på din webbplats kan du fokusera dina optimeringsinsatser på de sidor som kommer direkt att bidra till din bottenlinje. Det här är bara några exempel. Det finns så många fler.

mPulse's Conversion Impact Scores tell you how much impact the performance of specific pages has on conversions — Mpulse's Conversion Impact Scores berättar hur mycket inverkan på specifika sidor har på konverteringar

Hur sätter du det här?
Det stora med denna nivå av analys är att nästa steg blir tydliga. Alla med tillgång till dessa data - och det är extremt tillgängligt i hela organisationen - kan titta på det och generera en punchlist av vilka sidgrupper måste åtgärdas och vilka fel måste fixas på dessa sidor. Det finns inget mer gissning. Och du vet att dina ansträngningar kommer att betala.

Vilka är de tre viktigaste sakerna för närvarande för en långsam webbplats?
Bilder, tredje part och skript. Bilder utgör två tredjedelar av vikten av den genomsnittliga sidan, och så många bilder är helt ooptimiserade. Jag ser detaljhandel och medieplatser med bokstavligen hundratals tredjeparts taggar, som kan sakta ner eller blockera din sida från att rendering helt. Och det finns mycket dåligt javascript där ute.

Vänligen ge oss tre snabba tips för att optimera en e-handelsplats på en dag.
En designer / utvecklare jag vet en gång berättade för mig att när hon startar en ny konsert, är det första som hon gör fix den låga hängande frukten, som omedelbart skär lasttider i hälften. Resultatet: Hon får omedelbar Rockstar-status - och viktigare, respekt och trovärdighet så att hon kan föreslå djupare optimeringar.

Börja med bilder. Är de i rätt format? Är de rätt storlek? Är de komprimerade? Är de kontextkänsliga, så du laddar inte 1000 pixelbilder på någons telefon?

Granska dina tredje part. Vet du vad varje tredje parts skript på din webbplats gör för dig? Vet du om det saktar på dina sidor, och om så är fallet, med hur mycket? Övervakar du dina tredje part i realtid, så du får varningar när ett skript inte svarar? Har du döda skript på din sida som inte ens behöver vara där längre? Har du övervägt att använda en taggschef, om du inte redan är?

Kan du ge oss några exempel på hur designfaktorer kan påverka omvandlingsfrekvenser?
En av soastas kunder, Fanatiker , gjorde en enmånadersoptimering Sprint där två av de största förändringarna de gjordes i fronten av webbplatsen var bedrägligt enkla: de optimerade bildkvalitet och kompression, och de fixade en bildsprite som blockerade sidbelastning. Dessa förändringar bidrog till en två-sekunders förbättring av sin medianbelastningstid och nästan fördubblades mobila omvandlingar.

Two fairly small changes to the frontend of the Fanatics site almost doubled mobile conversions — Två ganska små förändringar i fronten på fanatikplatsen fördubblades nästan mobila omvandlingar

En annan Sasta-kund, Etsy, gjorde ett intressant litet experiment där de tillade 160kb dolda bilder till sin mobilapp, bara för att se vilken inverkan den extra sidvikten skulle ha på användarbeteende. Det utlöste en 12 procent ökning av studsfrekvensen.

Hur testar du prestanda för e-handelsplatser över webbläsare och enheter?
Detta kokar ner till test- och övervakningsverktygen du använder. En bra digital prestationsplattform gör att du kan borra ner i dessa olika kohorter. Det är helt viktigt att du gör det, eftersom en webbplats eller en app som är extremt prestanda på en enhet eller webbläsare kan helt misslyckas på en annan. Och du kommer inte att lära dig om det genom att titta på aggregerade eller på hög nivå prestanda nummer.

Jag vet att det bara är mars, men vad kan e-handel butiksägare göra nu för att förbereda sig för årets svarta fredag?
En sak online-återförsäljare kan göra nu är att börja utveckla bättre processer för att skapa, övervaka och optimera sina marknadsföringskampanjer. Jag ser så många e-post och kampanjkampanjer som direkt shoppare till landningssidor som är otroligt långsamma. I rush att starta kampanjer, serverar återförsäljare sina kunder som landar sidor som tar 10, 20, 30 eller flera sekunder att ladda - och dessa lasttider skadar mest sikt.

Att köra online-kampanjer är potentiellt ett bra sätt att knacka på din kundbas - speciellt under semestern - men denna strategi kommer med en ny uppsättning risker. Det är periltigt lätt att förlora kontakten med hur kampanjer utför. Långsamma landningssidor är den svaga platsen i dina kampanjer. Lasttiden "söt plats" för toppkonverteringar är bara 2,4 sekunder. Därefter har varje 100 millisekunder av avmattning en mätbar effekt på omvandlingar.

Om dina landningssidor har prestationsproblem är chansen att dessa problem kommer att dyka upp inom några minuter efter att du startat dina kampanjer - men du kommer bara att hitta dem om du tittar och vet vad du ska leta efter. Det är när du vill övervaka prestanda, hitta och fixa defekter, optimera sidan eller erbjudandet och spåra hur kampanjen uppfyller dina konverteringsmål - i realtid.

Hur använder du maskininlärning på Sastapa?
Det finns en myt i prestationsindustrin som du inte behöver samla 100 procent av användardata. Det finns en annan myt som du inte behöver behålla det. Det beror på att det förflutna bara cirka 5 procent av de data som samlas in någonsin används på ett meningsfullt sätt. På Sasta, är vår strategi inte bara att låta företag samla och behålla alla sina användardata: det är också att visa dem hur man kan extrahera meningsfulla insikter från de övriga 95 procent av deras data.

Ett av de främsta användningsfallen för maskininlärning är att skapa sammanhang. Till exempel kan våra kunder använda maskininlärning för att göra realtidskampanjövervakning. En av de största problemen återförsäljare lider av att se en stor andel av sin marknadsföringskampanj misslyckas vid lanseringen - och de ser inte detta tills det är för sent. Marknadsanalyssystemen ger dig inte informationen för att bestämma att du just lanserade en e-postkampanj på 5 miljoner dollar och det misslyckas. Du får ta reda på imorgon.

Så innan du startar en ny kampanj använder du maskinens lärande för att studera all din historiska trafik för att fastställa vad som är normalt. Då kan du plotta, i realtid, användarbeteende bredvid med dessa toleransband. Du brandar bara när det händer med den metriska, aktiviteten eller intäktens prestation går ut ur gränserna. Och du fixar problem direkt, när det är viktigt.

Det är bara ett exempel. Det finns så många, och vi utforskar fortfarande toppen av isberget när det gäller vad som är möjligt.

In her session at Generate New York, Tammy Everts will outline how and why to gather real user data, extract action-oriented insights and improve business metrics — I sin session på Generera New York kommer Tammy Everts att skissera hur och varför att samla riktiga användardata, extrahera actionorienterade insikter och förbättra affärsmetrics

Vad kan folk förväntar sig att ta bort från ditt samtal på Generera New York ?
Webprestanda är affärsutveckling. Det är klichat att prata om att bryta ner silor, men klichén är fortfarande sant. Utvecklare, designers, UX-personer, marknadsförare, företagare ... Vi behöver alla att komma utanför våra bubblor och förstå att varje beslut vi gör om hur vi bygger webbplatser och appar har en direkt anslutning till affärsresultat.

Lyckligtvis har vi snabbt utvecklande uppsättningar verktyg och mätvärden som kan ge oss en 360 graders bild av prestanda. Jag vill att folk ska se hur bemyndigande dessa verktyg och mätvärden kan vara.

Vad är det sista du köpte online och vad var erfarenheten?
Jag köpte några barnkläder från gapet, och hela upplevelsen - från att använda webbplatsen för att få min beställning - var så snabb!

Jag var så glad i slutet av transaktionen som jag ens fyllde på sin online-undersökning ... som illustrerar varför, som återförsäljare, bör ta din online-undersökning resultat med ett saltkorn när det gäller att förstå dina kunder. De människor som fyller dem är antingen riktigt glada eller verkligen frustrerade. De representerar inte den stora kohorten av människor däremellan. Undersökningar är intressanta, men de är ingen ersättning för riktiga användardata.

Generera New York Den 28 april har 14 talk genom att Sara Soouidan, Steve Fisher, Markham, Abby Covert och Jennifer Brook. De kommer att täcka designsystem, användarforskning, informationsarkitektur, konversationsgränssnitt och mycket mer.

Konferensen kommer att föregås av en arbetsdagstid om användbarhetstestning, frontendverktyg, informationsarkitektur och design och innehållsprinter. Om du Köp en kombinerad workshop och konferenspass , du kommer Spara $ 125 ! Men skynda, det finns bara begränsade platser för verkstäderna.

Om du inte kan göra det till NYC-konferensen finns det också en i San Francisco den 9 juni. Biljetter säljs nu.

Hur man förbättrar prestanda för e-handelsplatser

Hur - Mest populära artiklar

Hur man testar reagerar webbplatser och appar

Hur man tar bort rynkor i Photoshop

Hur man ändrar en bild i Photoshop

Hur man skapar vattensimuleringar

Skulpt realistisk anatomi i Zbrush

Simulera en Ghost Rider-omvandling

Design SVG-grafik i din webbläsare

Utforska kreativ kod med p5.js

Kategorier