Teknologian jakaminen

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Asiakkaiden pitäminen tyytyväisinä on vähittäiskaupan menestyksen salaisuus. Nopean ja johdonmukaisen verkkokokemuksen tarjoamisen on todistettu parantavan merkittävästi kaikkia vähittäismyyjille tärkeitä mittareita – tulosprosenteista ja tuloista säilyttämiseen ja bränditietoisuuteen.

Tämän artikkelin pääpiirteet:

• Sivun nopeus vaikuttaa verkkokaupan tietoihin

• Kuinka verrata verkkosivustosi nopeutta kilpailijoihisi

• Aloita suorituskyvyn optimointi: Analysoi, mikä hidastaa sivujasi, kuvista ja kolmansista osapuolista tyylisivuihin ja mukautettuihin kirjasimiin, ja mitä voit tehdä asialle

Sivun nopeus vaikuttaa verkkokaupan tietoihin

Useimmille verkkokauppiaille sivun nopeudella on mitattavissa oleva vaikutus voittoihin. Pienetkin parannukset voivat parantaa merkittävästi mittareita, kuten tulosprosentteja.esimerkiksi

Kuinka analysoida verkkosivuston tehokkuuden ja liiketoiminnan tulostietojen välistä suhdetta

Mutta entä verkkosivustosi? Ymmärtääksesi sivun nopeuden parantamisen vaikutuksen omaan sivustoosi, sinun on tarkasteltava omia RUM-tietojasi.Assosiaatiokaavio on loistava tapa viestiä suorituskyvystä kaikille yrityksesi toimijoille. RUM:n avulla voit luoda näitä visualisointeja, joiden avulla jopa ei-tekniset sidosryhmät voivat helposti nähdä, kuinka suorituskyky korreloi käyttäjien sitoutumisen ja liiketoimintamittareiden, kuten välittömän poistumisprosentin ja tulosprosentin, kanssa.

Korrelaatiokaavio antaa sinulle histogramminäkymän kaikesta käyttäjäliikenteestä, joka on jaettu eri ryhmiin suorituskykymittareiden, kuten aloitushahmonnoksen, enimmäissisällön piirtämisen ja vuorovaikutusten lukumäärän perusteella seuraavaan arvoon asti. Kaaviossa on peittokuva, joka näyttää kuhunkin ryhmään liittyvät käyttäjien sitoutumistiedot tai liiketoimintatiedot (kuten välitön poistumisprosentti tai tulosprosentti). Näin voit nähdä tehokkuuden, käyttäjien sitoutumisen ja yrityksesi välisen suhteen yhdellä silmäyksellä.

Kuten tästä korrelaatiokaaviosta näkyy, 1,1 sekunnin maksimisisällön veto-ajalla (LCP) konversioprosentti on huipussaan hieman yli 6 %. LCP:n hidastuessa muuntokurssi laskee nopeasti ja putoaa alle 3 %:n kahdessa sekunnissa. Kuten yllä olevasta voidaan nähdä, verkkosivuston suorituskyvyn optimointi LCP-ajan lyhentämiseksi voi johtaa korkeampiin kokonaistuloksiin ja tuloihin.

Miten verkkosivustosi eroaa kilpailijoistasi?

SpeedCurven kanssa Synteettinen Kuten Comprehensive Performance Monitoring, voit suorittaa sivun nopeustestin millä tahansa muulla verkkosivustolla aivan kuten itse. Tämä tarkoittaa, että saat kaikki samat, monipuoliset, upeat tiedot, kuvakaappaukset ja dioja vertailua varten.

SinunKilpailukykyinen benchmarking Kojelaudan avulla voit myös syventyä ja keskittyä asioihin, kuten sivun rakentamiseen. Tuo sivu näyttää kaksi kertaa nopeammin kuin sinun... mitä he tekivät toisin? Onko heillä enemmän JavaScriptiä? Vähemmän? Teitkö 400 pyyntöä ja he tekivät vain 80? Tässä on paikka selvittää.

Sivun nopeuden vertailuarvot on yleisölle suunnattu kojelauta, joka näyttää tilannekuvan Yhdysvaltojen, EU:n, Yhdistyneen kuningaskunnan ja Japanin johtavien jälleenmyyjien nykyisestä suorituksesta.

Suorituskyvyn optimoinnin käytön aloittaminen

Tarjoaaksesi loistavan ja nopean verkkokokemuksen, aloita kysymällä itseltäsi kaksi kysymystä:

• Mikä saa sivuni näyttämään hitaalta käyttäjille?

• Mitä voin tehdä?

Hyvä uutinen on, että suurin osa ostossivuasi hidastavista ongelmista tapahtuu sivullasi, mikä tarkoittaa, että voit hallita niitä. Tässä on yleiskatsaus vähittäismyyntisivustojen yleisimmistä suorituskykyongelmista sekä niiden seuraamisesta ja korjaamisesta.

Mikä saa verkkosivusi hidastumaan? Suurin osa suorituskykyongelmista johtuu neljästä syystä:

• Kolmannet osapuolet, kuten seurantalaitteet ja analysaattorit

• tyylisivu

• Mukautettu fontti

• Sivun koko, erityisesti kuvan koko

kolmannen osapuolen käsikirjoitus

Nykyään tyypillinen vähittäiskaupan verkkosivu voi sisältää jopa 75 kolmannen osapuolen komentosarjaa, kuten seurantalaitteita ja analytiikkamajakoita.

Kolmannet osapuolet tuovat paljon lisäarvoa lisäämällä konversioita (sijaintimajakoiden avulla) ja auttamalla sinua ymmärtämään käyttäjiäsi paremmin kuin koskaan ennen (analytiikkatunnisteiden avulla), joten he eivät katoa pian. Mutta ne voivat vaikuttaa merkittävästi siihen, miten sivusi hahmonnetaan (tai jopa hahmonnetaanko se ollenkaan!).

Mitä voit tehdä: Tarkkaile kolmannen osapuolen suorituskykyä

Aloita ottamalla ennakoiva lähestymistapa ymmärtääksesi mahdolliset suorituskykyhaitat, joita kolmannet osapuolet voivat aiheuttaa.

Et voi korjata sitä, mitä ei mitata.Tämän luomme SpeedCurvessaKolmannen osapuolen hallintapaneelitsyitä, jotta voit nähdä yhdellä silmäyksellä, kuinka kolmannet osapuolet toimivat, seurata yksittäisiä skriptejä jaAseta suorituskykybudjetti.

Kun olet ymmärtänyt kolmannen osapuolen komentosarjojesi suorituskyvyn, voit käyttää historiallisia tietoja kehittääksesi SLA:n toimittajan kanssa.

tapaustutkimus: M&S mullistaa suorituskyvyn keskittymällä kolmannen osapuolen sisältöön

Kuvan ja sivun koko

Vaikka sivun koko ei aina korreloi hitaamman käyttökokemuksen kanssa, se usein korreloi. Suuret kuvat, joita ei ole optimoitu, ovat usein syyllisiä.

Kuvien optimoinnin lisäksi (jotta et tarjoa käyttäjillesi 1 Mt resursseja!) sinun tulee myös varmistaa, että tärkeimmät kuvasi (kuten päätuotteesi kuva) renderöidään mahdollisimman aikaisin.

Mitä voit tehdä: Luo suorituskykybudjetti kuviin liittyville mittareille

Suorituskykybudjetit ja hälytykset ovat loistava tapa käsitellä suorituskyvyn heikkenemistä . Suorituskykybudjetointi alkaa siitä, että tiimisi (kaikki: markkinoijat, suunnittelijat ja kehittäjät) sopivat käyttökokemusta ja sivuston nopeutta koskevista periaatteista. Ensin sinun on päätettävä, mitä mittareita haluat seurata, ja asetettava sitten kynnysarvot aiemman tehokkuuden perusteella.

Kuvien osalta tässä on muutamia huomioitavia mittareita:

• Maximum Content Draw – Tämä on näyttöportin suurimman visuaalisen elementin (kuvan tai videon) koko. LCP on GoogleltaYdinverkon tiedotEnsinnäkin se on joukko mittareita Googlen hakusijoitusalgoritmille, joten on hyvä idea seurata sitä.

• Kuvan koko – Sivulla olevien kuvien kokonaiskoko. Tämä on loistava tapa nähdä yhdellä silmäyksellä, onko sivullesi lisätty suuria, optimoimattomia kuvia.

• Kuvapyynnöt – sivulla olevien kuvien kokonaismäärä.

tapaustutkimus: Kuinka Zillowista tuli isompi, nopeampi ja kiinnostavampi kenkänauhabudjetilla

tyylisivu

Tyylisivut ovat siunaus nykyaikaiselle webille. Ne ratkaisevat monenlaisia ​​suunnitteluongelmia selaimen yhteensopivuudesta suunnittelun ylläpitoon ja päivityksiin. Ilman tyylisivuja meillä ei olisi hienoja asioita, kuten responsiivista suunnittelua.

Huonosti toteutetut tyylisivut voivat kuitenkin aiheuttaa lukuisia suorituskykyongelmia. Näitä ongelmia ovat muun muassa CSS:n lataaminen ja jäsentäminen liian kauan ja huonosti sijoitetut tyylisivut, jotka estävät muun sivun hahmontumisen.

Mitä voit tehdä: Ota selvää, mitkä tyylisivut saattavat estää sivusi hahmontamisen

Jälleen kerran, et voi korjata sitä, mitä et mittaa. Kattava seurantatyökalusi voi kertoa sinulle:

• Kuinka monta tyylitaulukkoa sivullani on, ja kuinka monta niistä estää sivua hahmontamasta?

• Onko tämä numero noussut vai laskenut?

• Kuinka suuria CSS-pyynnöt ovat?

• Miten tyylitaulukko käyttäytyy kullekin kolmannelle osapuolelleni?

Mukautettu fontti

Mukautetut kirjasimet antavat suunnittelijoille ennennäkemättömän hallinnan suunnittelussaan käytettyihin kirjasimiin. Tämä halu hallita on syy, miksi mukautetut fontit ovat kasvaneet suosiossaan. Mutta tämän suosion takana on suoritushinta.

Jotkut kirjasimet vaativat paljon CSS-koodia, kun taas toiset vaativat paljon JavaScriptiä tai ulkoista isännöintiä – kaikki nämä voivat hidastaa sivun hahmonnusta merkittävästi.

Mitä voit tehdä: Seuraa fonttikokoa ja renderöintinopeutta

Sen lisäksi, että voit seurata kirjasinkokoa ja pyyntöjen määrää, voit käyttää SpeedCurvea myös mittaamaan, milloin ensimmäinen H1-elementti on valmis renderöinnin. (SpeedCurvessa me kutsumme tätä ilmaisinta Hero H1:ksi. Se on kolmeSankarin renderöintiaika yksi. ) Jos verkkosivustosi käyttää mukautettuja kirjasimia, niitä käytetään todennäköisesti H1-kopiossa, joten tämä mittari on tehokas tapa mitata, kuinka nopeasti mukautetut kirjasimet hahmontuvat.

Kuten kaikki muutkin mittarit, joita seuraamme puolestasi, voit tehdä senLuo tehokkuusbudjetteja ja vastaanota hälytyksiä, kun ne ylittävät kynnykset.

tapaustutkimus: NerdWallet käyttää H1 Render -mittareita lisätäkseen kirjasinten latausnopeutta 30 %