Verkkokauppasivustojen suorituskyvyn parantaminen

Sep 15, 2025

Miten tehdään

Tammy Everts antaa esityksen suunnittelun, suorituskyvyn ja muuntokurssien välisestä yhteydestä Luo New York 28. huhtikuuta. Hanki lippu tänään !

Jos et voi tehdä sitä New Yorkiin, on siihen liittyvä keskustelu Web Performance Pioneer Steve Souders Luo San Francisco 9. kesäkuuta.

Mitä työkaluja suositellaan analysoimaan käyttäjätietoja?
Ha! Tämä on helppo kysymys: käytän mpu , todellinen käyttäjän seuranta ja analytics-ratkaisu kehitettiin täällä Soastissa. Ennen kuin käytin MPULSE, käytin yhdistelmää Verkkokauppa Ja Google Analytics. Websagetest on yksi parhaista ilmaisia työkaluja, jotka ovat käytettävissä synteettisen kuormitusajan mittaamiseen, käynnistä Times ja sivukoko ja koostumus. Se on edelleen minun go-in-ratkaisu, kun haluan tehdä joitakin sivujen nopeita mittauksia sivustoilla, joita emme valvoa Soastissa.

Usein kysyin, kuinka MPulse eroaa Google Analyticsista, koska nämä kaksi ratkaisua näyttävät pintapuolisesti samanlaisilta. Itse asiassa useimmat MPulse-käyttäjistämme käyttävät myös Google Analyticsia, koska kaksi työkalua ovat täysin täydentäviä.

Google Analytics auttaa sinua ymmärtämään markkinoinnin, SEO: n ja mainonnan tehokkuuden yleisten web-analyysien kautta. Soasta MPulse menee syvemmälle ja tekee asioita, jotka osoittavat, mitä sivuja sinun pitäisi keskittyä optimointipyrkimyksiisi parantamaan liiketoimintamittareita, käytä ennakoivaa analyysiä osoittamaan, kuinka paljon enemmän liikevaihtoa voit tuottaa, jos teet sivut inkrementally nopeammin, Ja antaa sinulle parempia tietoja rakentaa älykkäämpiä suorituskykyä ja kuormitustestejä, joten sivustosi ei romahtaa liikennepiikin aikana.

Miten poraa sinun tietosi keskittymään siihen, mitä sinun tarvitsee tietää?
Se riippuu siitä, mitä yritän ymmärtää. Kuten juuri mainitsin, käytän MPULSE-kojelautaa saada reaaliaikaisia ja historiallisia näkemyksiä siitä, miten sivujen kuormitusajat vaikuttavat mittareihin, kuten poistumisnopeuteen ja istunnon pituuteen. Voin porata joukon suuntiin sieltä käyttäen syvempää datatieteen moottoria.

Käytän "mitä-jos analyysi" - Ennakoivaan Analytics-ominaisuus - ymmärtää, miten sivut tekevät sivut nopeammin ja hitaammin (välein kuin 100 millisekuntia) vaikuttavat poistumisnopeuteen, muuntokurssiin ja niin edelleen.

Tammy Everts uses mPulse to understand how the load times of pages affect certain metrics — Tammy Everts käyttää MPULSEa ymmärtämään, miten sivujen kuormitusajat vaikuttavat tiettyihin mittareihin

Jos haluan tietää, millä sivuilla on eniten vaikutusta niiden suhteellisen suorituskyvyn tuloksiin, saan muuntamisvaikutukset kaikkiin sivuston sivulle. Muuntovaikutusten tulokset vastaavat kysymykseen: kuinka paljon vaikutusta Tämä sivulla on tuloksia?

Tajusimme, että tarvitsimme tämän metrisen määrittelyn, koska sivuston omistajat optimoivat sivuja, joita he uskoivat, olivat tärkeitä, mutta eivät näe tuloksia, kun he katsoivat tuloja ja muuntokursseja. Nyt tiedämme, että jos teet tiettyjä sivutyypit nopeammin, näet tulo- ja muunnosparannukset, kun taas muiden sivujen optimointi ei tee paljon eroa.

Kun tiedät sivuston eri sivuja koskevien tulosten pisteitä, voit keskittyä optimointipyrkimyksiisi niille sivuille, jotka tulevat suoraan edistämään alhaalta. Nämä ovat vain muutamia esimerkkejä. On niin paljon muuta.

mPulse's Conversion Impact Scores tell you how much impact the performance of specific pages has on conversions — MPulsein muuntamisvaikutuspisteet kertovat, kuinka paljon vaikutusta tiettyjen sivujen suorituskykyyn on tuloksissa

Miten laitat tämän toimintaan?
Suuri asia tämän analyysin taso on, että seuraavat vaiheet tulevat selväksi. Jokainen, jolla on pääsy tähän tietoon - ja se on äärimmäisen käytettävissä koko organisaatiossa - voi tarkastella sitä ja tuottaa lävistyslista, josta sivuryhmät on kiinnitettävä ja mitkä puutteet on kiinnitettävä kyseisille sivuille. Ei ole enää arvailua. Ja teet tämän tietäen, että ponnistuksesi maksaa.

Mitkä ovat kolme tärkeintä asiaa, jotka ovat tällä hetkellä vastuussa hitaasta verkkosivustosta?
Kuvat, kolmannet osapuolet ja komentosarjat. Kuvat muodostavat kaksi kolmasosaa keskimääräisen sivun painosta, joten monet kuvat ovat täysin yksimielisiä. Näen vähittäis- ja mediakohteet, joissa on kirjaimellisesti satoja kolmannen osapuolen tunnisteita, jotka voivat hidastaa tai estää sivusi tekemästä kokonaan. Ja siellä on paljon huonoja JavaScript siellä.

Anna meille kolme nopeaa vinkkejä verkkokauppasivuston optimoimiseksi päivässä.
Suunnittelija / kehittäjä, jonka tiedän kerran kertoi minulle, että kun hän aloittaa uuden keikan, ensimmäinen asia, jonka hän tekee matalan roikkuvan hedelmän, joka välittömästi leikkaa latausaikoja puoliksi. Tulos: Hän saa Instant Rockstar Station - ja tärkeämpää, kunnioitusta ja uskottavuutta, jotta hän voi ehdottaa syvempää optimointia.

Aloita kuvista. Ovatko ne oikeassa muodossa? Ovatko ne oikeat kokoiset? Ne pakataan? Ovatko ne kontekstiset herkät, joten et lataudu 1000 pikseli kuvia jonkun puhelimeen?

Tarkastaa kolmannet osapuolet. Tiedätkö, mitä jokaisen kolmannen osapuolen komentosarja sivustoosi tekee sinulle? Tiedätkö, onko se hidastele sivusi ja jos niin, kuinka paljon? Seuratko kolmansia osapuolia reaaliajassa, joten saat hälytyksiä, kun skripti ei reagoi? Onko sinulla sivuillasi kuolleita komentosarjoja, jotka eivät edes tarvitse olla siellä enää? Oletko harkinnut Tag Managerin käyttämistä, jos et ole jo?

Voitteko antaa meille muutamia esimerkkejä siitä, miten suunnittelutekijät voivat vaikuttaa muuntokursseihin?
Yksi Soastan asiakkaista, Fanaatikko , teki yhden kuukauden optimointi Sprint, jossa kaksi suurimmista muutoksista, joita he tekivät sivuston etuosaan, olivat petollisesti yksinkertaisia: ne optimoidut kuvanlaadun ja pakkauksen, ja he korjasivat kuvan spriitin, joka estäisi sivun kuormitusta. Nämä muutokset vaikuttivat kahden toiseen parannukseen mediaanikuormituksensa ja lähes kaksinkertaistui matkaviestinnän.

Two fairly small changes to the frontend of the Fanatics site almost doubled mobile conversions — Kaksi melko pientä muutosta fantics-sivuston etuosaan lähes kaksinkertaistui matkaviestin

Toinen Soastan asiakas, Etsy, teki mielenkiintoisen pienen kokeilun, jossa he lisäsi 160 kt piilotettuja kuvia mobiilisovellukseensa, vain nähdä, mitä vaikutuksia lisätyn sivun paino olisi käyttäjän käyttäytymiseen. Se laukaisi 12 prosentin nousun poistumisnopeudessa.

Miten testaa verkkokauppasivustojen suorituskykyä selaimissa ja laitteissa?
Tämä kiehuu käyttämäsi testaus- ja valvontatyökaluja. Hyvä digitaalinen suorituskyvyn alusta antaa sinulle mahdollisuuden porata näihin eri kohortteihin. Se on ehdottoman tärkeää, että teet tämän, koska sivusto tai sovellus, joka on äärimmäisen esittävä yhdellä laitteella tai selaimella, voi täysin epäonnistua toiselle. Ja et oppia siitä katsomalla aggregoituja tai korkean tason suorituskykyä.

Tiedän, että se on vain marssia, mutta mitä verkkokaupan omistajat voivat nyt valmistautua tämän vuoden mustan perjantaina?
Yksi asia online-jälleenmyyjät voivat nyt alkaa kehittää parempia prosesseja markkinointikampanjoiden luomiseen, seurantaan ja optimointiin. Näen niin monia sähköposti- ja myynninedistämiskampanjoita, jotka suorat ostajat voivat altis sivuille, jotka ovat uskomattoman hitaita. Kehityksessä käynnistää kampanjoita, vähittäiskauppiaat palvelevat asiakkaitaan laskeutumissivujaan, jotka kestävät 10, 20, 30 tai enemmän sekuntia lataamaan - ja nämä kuorma-ajat ovat varmasti vahingoittaneet myyntiä.

Käynnissä online-kampanja on mahdollisesti erinomainen tapa hyödyntää asiakaskuntaa - varsinkin lomien aikana - mutta tällä strategialla on uusi riski. Se on vaarallisesti helppo menettää kosketusta siihen, miten kampanjat toimivat. Slowing-sivut ovat kampanjasi heikko paikka. Kuormitusaika "makea paikka" huipputulostimille on vain 2,4 sekuntia. Sen jälkeen jokainen 100 millisekuntin hidastumista on mitattava vaikutus tuloksiin.

Jos aloitussivuillasi on suorituskyvyn ongelmia, mahdollisuudet ovat nämä ongelmat, jotka avautuvat muutamassa minuutissa, kun käynnistät kampanjasi - mutta vain havaitset niitä, jos katsot ja tiedät mitä etsiä. Silloin haluat seurata suorituskykyä, löytää ja korjata vikoja, optimoida sivun tai tarjouksen ja seurata, miten kampanja tapaa muuntotavoitesi - reaaliajassa.

Miten käytät koneen oppimista Soastissa?
Suoritusteollisuudessa on myytti, jonka sinun ei tarvitse kerätä 100 prosenttia käyttäjätietojasi. On toinen myytti, että sinun ei tarvitse pitää sitä. Tämä johtuu siitä, että menneisyydessä vain noin 5 prosenttia tietoa, joka kerätään koskaan, käytetään mielekkäästi. SOASTA: ssa strategiamme ei ole vain antaa yrityksille kerätä ja pitää kaikki käyttäjän tiedot: se myös osoittaa heille, miten erottaa merkityksellisiä näkemyksiä toisesta 95 prosentista tietoistaan.

Yksi koneen oppimisen ensisijaisista käyttötapauksista on luoda konteksti. Esimerkiksi asiakkaamme voivat käyttää koneen oppimista tehdä reaaliaikaista kampanjan seurantaa. Yksi suurimmista ongelmista vähittäiskauppiaista kärsii suuresta prosenttiosuudesta markkinointikampanjastaan epäonnistuu - ja he eivät näe tätä, ennen kuin on liian myöhäistä. Markkinointi Analytics -järjestelmät eivät anna sinulle tietoja sen määrittämiseksi, että juuri käynnistit 5 miljoonan dollarin sähköpostikampanjan ja se ei ole. Saat huomenna huomenna.

Joten ennen uuden kampanjan aloittamista käytät koneen oppimista tutkimaan kaikkia historiallisia liikennettäsi, mikä on normaalia. Sitten voit tontia, reaaliaikaisesti käyttäjän käyttäytymisestä rinnakkain näiden toleranssibändeillä. Sinä tulisit hälytykset vain silloin, kun se tapahtuu tämän metrisen, toiminnan tai tulojen saavutuksen kanssa, menee pois rajoista. Ja korjaan ongelmia heti, kun se on tärkeää.

Se on vain yksi esimerkki. On niin paljon, ja olemme edelleen tutustumalla jäävuoren kärkeen, mikä on mahdollista.

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 — Hänen istunnossaan Generate New Yorkissa Tammy Everts hahmotellaan miten ja miksi kerätä todellisia käyttäjätietoja, purkaa toiminta-suuntautuneet näkemykset ja parantaa liiketoimintamittareita

Mitä ihmiset voivat odottaa ottaa pois puhua Luo New York ?
Web-suorituskyky on liiketoiminnan suorituskyky. Se on tullut klisselle puhumaan silkkien hajoamisesta, mutta klise on edelleen totta. Kehittäjät, suunnittelijat, UX ihmiset, markkinoijat, yritysten omistajat ... Me kaikki meidän on päästävä kupliemme ulkopuolelle ja ymmärtää, että jokainen päätös teemme siitä, miten rakennamme sivustoja ja sovelluksia, on suora yhteys liiketoimintatuloksiin.

Onneksi meillä on nopeasti kehittyviä työkaluja ja mittareita, jotka voivat antaa meille 360 asteen näkymää suorituskykyä. Haluan, että ihmiset näkevät, kuinka näiden työkalujen ja metriikan valtuuttaminen voi olla.

Mikä on viimeinen asia, jonka ostit verkossa ja mikä oli kokemus?
Ostin joitakin lapsia vaatteita aukosta ja koko kokemus - käyttämästä sivustoa tilauksen vastaanottamiseen - oli niin nopeasti!

Olin niin onnellinen kaupan lopussa, joka jopa täytti verkkotutkimuksensa ... joka kuvaa, miksi jälleenmyyjältä kannattaa ottaa online-kyselytulokset suolan viljan kanssa asiakkaiden ymmärtämiseksi. Ne, jotka täyttävät heidät, ovat joko todella onnellisia tai todella turhautuneita. He eivät edusta valtavaa kohorttia ihmisten välillä. Tutkimukset ovat mielenkiintoisia, mutta he eivät korvaa todellisia käyttäjätietoja.

Luo New York 28. huhtikuuta 14 neuvottelut Sara Soueidan, Steve Fisher, Mina Markham, Abby Covert ja Jennifer Brook. Ne kattavat suunnittelujärjestelmät, käyttäjätutkimus, tiedotusarkkitehtuuri, keskusteluja koskevat liitännät ja paljon muuta.

Konferenssia edeltää käytettävyyskokeita, etupäätä, tietorkkitehtuuria ja suunnittelua ja sisältöä Sprints. Jos sinä Osta yhdistetty työpaja ja konferenssipassi , sinä Tallenna 125 dollaria ! Mutta kiire, työpajoille on vain rajoitettuja paikkoja.

Jos et voi tehdä sitä NYC-konferenssiin, on myös yksi San Francisco 9. kesäkuuta. Liput ovat nyt myynnissä.

Verkkokauppasivustojen suorituskyvyn parantaminen

Miten tehdään - Suosituimmat artikkelit

6 Nopeat vinkit harjan kynän piirustus

Luo hehkuva neon-tekstin vaikutus

Affinity Designer: Kuinka käyttää pikselin persoona

Kuinka maalata linna sketchupilla

Välimuisti BBC: n suorituskyvyn tehostimessa

Luo upeita maisemia Houdini

Tee komposiitti Photoshopissa

Kuinka saada lisää GIF: stä

Luokat