Sivun nopeus on konversiotekijä, jonka useimmat kaupat unohtavat, koska se ei ole suunnitteluongelma, markkinointiongelma eikä edes tuoteongelma. Se on infrastruktuuriongelma. Vaikutus on silti yhtä selvä kuin muissakin konversio-ongelmissa. Jokainen puolen sekunnin viive latausajassa laskee konversioprosenttia mitattavasti, erityisesti mobiilissa, jossa ihmiset ovat jo valmiiksi kärsimättömiä ja yhteydet hitaampia.
Miten sivun nopeus vaikuttaa verkkokaupan konversioon?
Sivun nopeuden ja konversion yhteys on hyvin dokumentoitu Googlen, suurten verkkokauppojen ja useiden riippumattomien tutkimusten aineistoissa. Yhden sekunnin viive latausajassa vähentää konversioita seitsemän prosenttia. Viiden sekunnin viive voi vähentää konversioita 40 prosenttia tai enemmän. Mobiilin konversio laskee viiveiden takia vielä jyrkemmin, koska mobiilikäyttäjillä on hitaammat yhteydet ja vähemmän kärsivällisyyttä.
Vaikutus kasautuu koko kauppaasi. Jokainen hitaasti latautuva sivu on tilaisuus, jossa kävijä turhautuu ja lähtee. Etusivusi, tuotesivusi, kassasi. Kävijä, joka odottaa tuotesivua seitsemän sekuntia, on jo ärtynyt ennen kuin näkee tuotekuvaa. Moni sulkee välilehden ja etsii saman tuotteen muualta.
Sivun nopeus vaikuttaa myös hakukonesijoituksiin. Google pitää sivun nopeutta sijoitustekijänä sekä tietokoneen että mobiilin haussa. Hitaampi kauppa sijoittuu samalla hakusanalla nopeampia kilpailijoita huonommin, jolloin kävijöitä tulee alun perinkin vähemmän. Hitaiden sivujen aiheuttama konversiomenetys kasautuu sekä suorissa vierailuissa että luonnollisessa hakuliikenteessä.
Mikä hidastaa verkkokauppoja?
Useimmat hitaat kaupat eivät ole hitaita tarkoituksella. Ne hidastuvat ajan mittaan, kun kuvia lisätään, lisäosia kertyy tai palvelinympäristöä ei ole optimoitu. Syiden tunteminen auttaa päättämään, mitä korjataan ensin. Lisää siitä, miten kaupan jokainen osa vaikuttaa kävijän kokemukseen, löydät artikkeleista miten suunnittelet kassasivun, joka vähentää keskeytyksiä ja miten teet verkkokaupastasi mobiiliystävällisen. Pääsyyllisiä on viisi.
Liian suuret kuvat
Kuvat ovat yleensä tuotesivun suurimmat tiedostot. Kolmen megatavun tuotekuva kolmensadan kilotavun sijaan lisää latausaikaan sekunteja. Moni kauppa lataa kuvat täydessä koossa ja jättää tiedostokoon optimoimatta verkkoa varten. Kuva näyttää hyvältä, mutta latautuu kaksi kertaa niin hitaasti kuin tarpeen. Mobiilikäyttäjät kärsivät eniten, koska heidän yhteytensä ovat hitaampia ja näyttönsä pienempiä, jolloin suuret kuvat ovat turhia.
Optimoimaton koodi ja skriptit
Kun kauppaan lisätään ominaisuuksia, arvosteluja, chat-widgetejä, analytiikkaseurantaa ja markkinointipikseleitä, jokainen lataa oman skriptinsä. Skriptit estävät sivun piirtämisen latautuessaan. Kauppa, jossa on 15 kolmannen osapuolen skriptiä, voi käyttää useita sekunteja pelkästään niiden lataamiseen, ennen kuin sivu tulee näkyviin. Jotkin skriptit ovat välttämättömiä. Moni ei ole, tai ne voisi ladata vasta sen jälkeen, kun sivu on jo kävijän nähtävillä.
Hidas web-hotelli tai sisällönjakelu
Jotkin web-hotellit ovat nopeampia kuin toiset. Kauppa, joka sijaitsee vanhentuneella alustalla, ei tallenna staattisia tiedostoja välimuistiin tai tarjoaa sisältöä kaukaisilta palvelimilta, vastaa pyyntöihin hitaammin kuin kauppa, joka toimii modernilla ja maantieteellisesti hajautetulla alustalla. Eri maissa olevat kävijät kokevat eri nopeuden sen mukaan, missä palvelin on heihin nähden.
Optimoimattomat palvelinvasteet
Aika, jonka palvelimesi tarvitsee vastatakseen sivupyyntöön, riippuu siitä, kuinka tehokkaasti se käsittelee pyyntöjä ja rakentaa sivuja. Väärin indeksoidut tietokannat, sivut jotka suorittavat monimutkaisia kyselyjä jokaisella latauksella tai suorituskykyyn optimoimaton palvelinkoodi voivat lisätä latausaikaan kokonaisen sekunnin tai enemmän, ennen kuin mitään sisältöä alkaa edes piirtyä. Tämä on vähemmän näkyvä syy kuin kuvien optimointi, mutta tuottaa usein suuria parannuksia.
Piirtämistä estävät resurssit
CSS- ja JavaScript-tiedostot, jotka estävät sivun piirtämisen, voivat viivästyttää sivun näkymistä kävijälle usealla sekunnilla. Jos kauppasi lataa CSS- tai JavaScript-tiedostoja, jotka täytyy käsitellä ennen kuin sivulta näytetään mitään, kävijä näkee tyhjän ruudun, kunnes tiedostot ovat valmiit. Kun järjestät uudelleen, mitkä resurssit estävät piirtämisen ja mitkä voivat latautua taustalla, koettu nopeus paranee roimasti, vaikka kokonaislatausaika pysyisi samana.
Miten mittaat verkkokauppasi sivun nopeutta?
Et voi parantaa sitä, mitä et mittaa. Aloita selvittämällä, kuinka nopeasti kauppasi tällä hetkellä latautuu.
Google PageSpeed Insights
Googlen PageSpeed Insights -työkalu antaa mille tahansa osoitteelle nopeuspisteet ja listaa löytämänsä ongelmat. Työkalu on ilmainen eikä vaadi asennusta. Mene osoitteeseen pagespeed.web.dev, syötä osoitteesi, ja saat pisteet mobiilille ja tietokoneelle sekä konkreettiset parannusehdotukset. Ehdotukset on järjestetty arvioidun vaikutuksen mukaan. Aloita suurimman vaikutuksen kohteista.
Erillinen nopeustestityökalu
Erillinen nopeustestityökalu antaa tarkempia vesiputouskaavioita, joista näet tarkasti, mitkä resurssit latautuvat hitaimmin ja missä viiveet syntyvät. Sen avulla voit testata eri maantieteellisistä sijainneista sekä eri laitteilla ja verkkonopeuksilla. Se on hyödyllinen, kun haluat selvittää, onko hitaus yleistä vai rajoittuuko se tiettyihin alueisiin tai mobiiliin tietokoneen sijaan.
Oma analytiikkasi
Analytiikkatyökalusi pitäisi näyttää sivujen latausajat eri sivuilla ja liikennelähteissä. WEMASY-analytiikassa tämä näkyy sivun suorituskykyä seuraavana mittarina. Vertaa tärkeimpien sivujesi latausaikoja. Jos tuotesivusi latautuvat selvästi hitaammin kuin etusivusi, se on yksittäinen ongelma, jota kannattaa tutkia. Jos mobiilisivut ovat hitaampia kuin tietokoneella, syy on todennäköisesti kuvissa tai piirtämisessä. Täyden oppaan kävijöiden käyttäytymisen ymmärtämiseen analytiikan avulla löydät artikkelista miten analytiikan avulla ymmärrät, miten kävijät käyttäytyvät kaupassasi.
Testaa oikeilla laitteilla
Älä luota pelkästään työkaluihin. Avaa kauppasi oikealla älypuhelimella tavallisella 4G-yhteydellä ja katso, kuinka kauan sivujen lataus kestää. Näin näet, miltä kauppasi todella tuntuu oikeasta asiakkaasta. Työkalut mittaavat tiettyjä lukuja, mutta kokemus on tärkeämpi. Kauppa, joka tuntuu välittömältä, on nopeampi kuin kauppa, joka saa teknisesti hyviä pisteitä mutta turhauttaa viiveillä, jotka kävijä tuntee.
Mitkä ovat nopeimmat tavat parantaa sivun nopeutta?
Jotkin parannukset vievät tuntikausia. Toiset vievät minuutteja ja tuottavat mitattavia tuloksia heti.
Optimoi kuvat
Kuvien optimointi on yleensä tehokkain ja helpoin parannus, joka on tarjolla. Käytä kuvanpakkaustyökalua, jolla pienennät tiedostokokoa laadun juuri kärsimättä. Kolmen megatavun tuotekuva voidaan usein pakata 300 kilotavuun ilman näkyvää eroa. Pakkaa kaikki kuvat ennen latausta, älä sen jälkeen. Valitse oikea muoto: JPEG valokuville, PNG kuville, joissa on läpinäkyvyyttä, ja WebP suurimpaan pakkaukseen moderneissa selaimissa. Tarjoa eri laitteille eri kokoisia kuvia. Matkapuhelin ei tarvitse 4000x4000 pikselin kuvaa. Lisää tuotekuvista, jotka toimivat hyvin myös teknisesti, löydät artikkelista miten suunnittelet tuotesivut, jotka saavat ihmiset ostamaan.
Poista käyttämättömät lisäosat ja skriptit
Käy läpi kaikki kolmannen osapuolen skriptit, jotka pyörivät kaupassasi. Analytiikka, chat, arvostelut, markkinointipikselit, widgetit. Poista käytöstä ne, jotka eivät aktiivisesti auta liiketoimintaasi. Jokainen skripti lisää painoa ja hidastaa sivua. Jos et käytä sitä aktiivisesti, poista se. Jos tarvitset useita työkaluja, harkitse niiden yhdistämistä. Yksi alusta, joka yhdistää useita ominaisuuksia, latautuu nopeammin kuin viisi erillistä palvelua.
Ota välimuisti käyttöön
Välimuisti tallentaa staattiset tiedostot kävijän selaimeen tai välipalvelimille, jolloin niitä ei tarvitse ladata uudelleen jokaisella vierailulla. Selaimen välimuisti säästää palaavien kävijöiden latausaikaa huomattavasti. Palvelinpuolen välimuisti tallentaa sivujesi valmiiksi rakennetut versiot, jolloin palvelimen ei tarvitse rakentaa sivua alusta asti jokaisella pyynnöllä. Useimmat modernit web-hotellit tukevat kumpaakin. Tarkista web-hotellisi ohjeet tai pyydä heitä ottamaan välimuisti käyttöön, jos se ei jo ole päällä.
Pienennä CSS ja JavaScript
Pienentäminen poistaa kooditiedostoista tarpeettomat merkit muuttamatta niiden toimintaa. Kunnolla pienennetty CSS- tai JavaScript-tiedosto on 20-30 prosenttia alkuperäistä pienempi. Jos pääset käsiksi kauppasi koodiin, pienentäminen on yksinkertaista. Jos et, kysy web-hotellin tarjoajalta tai kehittäjältä, onko pienentäminen jo käytössä. Sen pitäisi olla oletuksena päällä jokaisessa modernissa web-hotellissa.
Lykkää ei-kriittinen JavaScript
JavaScript, jota ei tarvita heti sivun latautuessa, voi odottaa. Chat-widgetit, analytiikka, markkinointipikselit. Niiden ei tarvitse latautua ennen kuin sivu näkyy kävijälle. Kun lykkäät ne latautumaan vasta pääsivun tultua näkyviin, koettu nopeus paranee merkittävästi. Sivu tuntuu nopealta, vaikka kokonaislatausaika pysyisi samana, koska kävijä näkee sisällön heti eikä tuijota tyhjää ruutua skriptien latautuessa.
Kuinka pian nopeuden parannukset näkyvät tuloksissa?
Sivun nopeuden muutokset tuottavat tuloksia heti. Kävijä, joka tulee kauppaasi huomenna aamulla, kokee nopeamman sivun. Konversion parannukset näkyvät muutamassa päivässä, jos liikennettä on tarpeeksi mitattavaksi, koska muutos vaikuttaa kaikkiin kävijöihin samaan aikaan.
Toisin kuin A/B-testauksessa, nopeuden parannusta ei tarvitse ajaa testinä. Jos PageSpeed Insights löytää ongelman ja korjaat sen, kauppasi on nopeampi. Nopeammasta sivusta ei ole haittaa. Jokainen kävijä hyötyy heti.
Ainoa varaus on, että nopeus on vain yksi tekijä monista, jotka vaikuttavat konversioon. Jos kaupassasi on rikkinäinen kassa, sekava tuotesivu tai perustavanlaatuisia luottamusongelmia, pelkkä nopeuden optimointi ei nosta konversiota dramaattisesti. Nopeuden parannukset toimivat parhaiten osana laajempaa konversion optimointia. Kattavan yleiskuvan kaikista konversioprosenttiin vaikuttavista tekijöistä löydät artikkelista mitä konversion optimointi on ja miksi sillä on väliä.
Onko sivun nopeudella eri merkitys mobiilissa ja tietokoneella?
Sivun nopeus on mobiilissa tärkeämpi kuin tietokoneella. Mobiilikäyttäjillä on hitaammat yhteydet, he ovat usein kiireessä ja lähtevät heti, jos sivu ei lataudu nopeasti. Ero konversiovaikutuksessa on merkittävä. Kauppa, jonka konversio on tietokoneella viisi prosenttia, voi saada mobiilissa kaksi prosenttia, ja nopeus selittää tästä erosta ison osan.
Mobiilikäyttäjät ovat myös herkempiä suurille kuvatiedostoille. Kolmen megatavun tuotekuva, joka latautuu kolmessa sekunnissa hyvällä tietokoneen yhteydellä, voi latautua 4G-puhelimella kymmenessä sekunnissa. Testaa kauppasi oikealla mobiililaitteella, niin saat realistisen käsityksen siitä, miltä se tuntuu.
Yksi mobiilin erityisongelma on, että tietokoneen näytölle optimoidut kuvat ovat usein liian suuria mobiilinäytöille. Kun tarjoat mukautuvia kuvia, jotka skaalautuvat sopivasti jokaiselle näyttökoolle, sen sijaan että pakotat tietokoneen kokoisen kuvan mobiilinäytölle, tiedostokoko ja latausaika pienenevät.
Miten sivun nopeus liittyy muihin konversiotekijöihin?
Sivun nopeus ei ole irrallinen asia. Se toimii yhdessä luottamuksen, ulkoasun, tuotesivujen ja kassan kanssa. Nopea sivu, jonka rakenne on sekava, menettää silti kävijöitä. Hidas sivu, jonka ulkoasu on kaunis, menettää heitä nopeammin. Suhde on kertova, ei summaava.
Kauppa, joka on nopea, herättää luottamusta ja jossa ostopolku on selkeä, konvertoi selvästi paremmin kuin kauppa, joka on vain nopea. Nopeuden parannus tapahtuu kaikkien muiden tekijöiden keskellä. Siksi konversion optimointi on järjestelmällistä työtä eikä yksittäinen korjaus. Tarkemman katsauksen siihen, miten A/B-testaus auttaa löytämään, mikä jarruttaa konversiotasi, löydät artikkelista miten A/B-testaat verkkokauppasi.
Miten WEMASY auttaa sivun nopeudessa ja konversiossa
WEMASYn verkkokauppajärjestelmä on rakennettu optimoidulle web-hotelliympäristölle, jossa on sisäänrakennettu kuvanpakkaus, selaimen välimuisti ja suorituskyvyn optimointi. Tuotesivut latautuvat oletuksena nopeasti, koska alusta hoitaa kuvakoot, pienentämisen ja palvelinvasteet ilman, että sinun tarvitsee määrittää mitään. Mobiilisivut optimoidaan automaattisesti pienemmille näytöille ja hitaammille yhteyksille. Sivujen latausanalytiikka on osa Analytiikka ja oivallukset -työkalua, joten voit seurata nopeutta eri sivuilla ja nähdä, mitkä tarvitsevat huomiota. Koko ominaisuuslistan näet hinnoittelusivulta.
Usein kysytyt kysymykset
Mikä on hyvä latausaika verkkokaupalle?
Useimmat lähteet suosittelevat, että sivun ensimmäinen piirto tapahtuu alle kahdessa sekunnissa ja koko sivu kaikkine kuvineen ja resursseineen latautuu alle kolmessa sekunnissa. Alle kaksi sekuntia on nopea kokemus, joka vähentää poistumisia. Kahden ja neljän sekunnin välillä on hyväksyttävä, mutta vaikuttaa konversioon mitattavasti. Yli neljä sekuntia on hidas ja siihen pitää puuttua. Nämä ovat ohjeita, eivät tiukkoja sääntöjä. Kauppa, joka latautuu 1,5 sekunnissa, konvertoi paremmin kuin kauppa, joka latautuu 2,5 sekunnissa, vaikka molemmat ovat hyväksyttävällä alueella. WEMASYn sivustonrakentajalla voit tehdä tämän suoraan kauppaasi.
Vaikuttaako sivun nopeus luonnolliseen hakusijoitukseen?
Kyllä. Google pitää sivun nopeutta nimenomaisesti sijoitustekijänä sekä tietokoneen että mobiilin haussa. Muiden tekijöiden ollessa samat nopeampi kauppa sijoittuu hitaampaa korkeammalle samalla hakusanalla. Tämä tarkoittaa, että sivun nopeus vaikuttaa konversioosi kahta kautta: suoraan, kun nopeammat sivut konvertoivat useampia kävijöitä, ja epäsuorasti, kun paremmat hakusijoitukset tuovat lisää kävijöitä. Kattavan katsauksen verkkokauppojen hakukoneoptimointiin löydät artikkelista miten rakennat SEO-strategian verkkokaupallesi.
Voinko parantaa sivun nopeutta ilman kehittäjää?
Moni tehokas parannus ei vaadi koodausta. Kuvien optimointi, tarpeettomien lisäosien poistaminen ja välimuistin käyttöönotto onnistuvat useimpien alustojen hallintapaneelista. Jotkin parannukset, kuten JavaScriptin lykkääminen tai palvelinvasteiden muokkaaminen, voivat vaatia kehittäjän oikeuksia tai osaamista. Jos kauppasi on modernilla alustalla, kuten WEMASYlla, useimmat näistä optimoinneista on jo tehty puolestasi oletuksena. Jos sinulla on räätälöity kauppa tai vanhempi alusta, kehittäjä voi auttaa löytämään nopeat parannukset ja toteuttamaan ne.
Mitä eroa on ensimmäisellä sisältöpiirrolla ja sivun latausajalla?
Ensimmäinen sisältöpiirto on hetki, jolloin ensimmäinen sisältö (teksti, kuva tms.) ilmestyy sivulle. Sivun latausaika on hetki, jolloin kaikki tärkeät resurssit ovat latautuneet. Ensimmäinen sisältöpiirto tapahtuu ensin, ja sen kävijä kokee kysymyksenä "kuinka nopealta tämä sivu tuntuu?" Sivu, jonka ensimmäinen sisältöpiirto on kahdessa sekunnissa mutta koko lataus kahdeksassa, tuntuu kävijästä nopealta, koska sisältö ilmestyy nopeasti, vaikka osa taustaresursseista latautuu vielä.
Pitäisikö nopeus vai ulkoasu asettaa etusijalle?
Molemmat ovat tärkeitä, mutta nopeus on tärkeämpi, koska kaunis sivu, joka latautuu kymmenessä sekunnissa, menettää konversioita nopeammin kuin yksinkertainen sivu, joka latautuu kahdessa. Oikea vastaus on nopea ja hyvin suunniteltu sivu. Jos joudut valitsemaan, aseta nopeus ensin. Nopea ja yksinkertainen sivu konvertoi paremmin kuin hidas ja kaunis. Älä kuitenkaan hyväksy tätä valheellista vaihtoehtoa. Modernit suunnittelutyökalut ja alustat tuottavat sivuja, jotka ovat sekä kauniita että nopeita.