Miksi sivunopeus on kriittinen? Kuinka testata ja parantaa omiasi
Suurin osa sivustoista menettää noin puolet kävijöistään hitaan sivunopeuden takia. Itse asiassa keskimääräinen työpöydän verkkosivu palautumisprosentti on 42%, mobiilisivun keskimääräinen poistumisprosentti on 58% ja keskimääräinen napsautuksen jälkeinen aloitussivun poistumisprosentti vaihtelee 60-90%. Lukujen imarteleminen ei ole millään tavalla, varsinkin kun otetaan huomioon, että matkapuhelinten käyttö kasvaa jatkuvasti, ja on yhä vaikeampaa houkutella ja pitää kuluttajien huomio.
Googlen mukaan sivun keskimääräinen latausaika suosituimmat aloitussivuton edelleen a hidas 12.8 sekuntia. Tämä sisältää paikkoja, joissa langaton internetyhteys on yleistä ja 4G-nopeudet ovat maailman nopeimpia.
Tämä keskimääräinen sivunopeus on aivan liian pitkä, kun otetaan huomioon, että 53% käyttäjistä hylkää sivut vain 3 sekunnin kuluttua - ja se vain pahenee sieltä:
Mikä on hyvä sivun latausnopeus? Lähes välitön.
Onneksi on olemassa ratkaisu. Ennen kuin pääsemme siihen, paljastetaan kuitenkin enemmän sivunopeuden tärkeydestä.
Miksi sivunopeus on tärkeää
eMarketer osoittaa, että vuonna 2019 maailmanlaajuiset digitaalisen mainonnan menot ylittävät 316 dollaria miljardi ja näyttää vain kasvavan lähitulevaisuudessa:
On selvää, että tuotemerkit käyttävät valtavia summia mainoksiin ja odottavat saavansa kaiken irti budjetistaan. Mutta kun ihmiset napsauttavat mainosta - ja napsauta aloitussivua lataaminen epäonnistuu heti - he todennäköisesti napsauttavat takaisin muutamassa sekunnissa, minkä vuoksi mainostajien budjetti hukkaan.
Sivunopeuden kustannusvaikutukset ovat valtavat, ja sinun pitäisi ehdottomasti asettaa sivunopeus etusijalle eteenpäin. Tässä on muutamia mittareita ja huomioita, jotka on otettava huomioon arvioidessasi omia digitaalisia mainoskampanjoitasi:
Laatupisteet
Hidas sivulataus ei vain turhauta käyttäjiä, vaan se myös kärsi laatupisteistä. Koska laatupisteet liittyvät suoraan omaan mainoksen sijoitus, ja lopulta mitä voit maksaa jokaisesta napsautuksesta, hitaasti latautuva sivu vähentää luonnollisesti pisteitä.
Muuntokurssit
Jos vähemmän ihmisiä odottaa sivusi latautumista, vähemmän ihmisiä saa mahdollisuuden muuntaa. He hylkäävät sivusi, ennen kuin edes näkevät tarjoustasi, etujasi, toimintakehotuksia jne.
Esimerkiksi vähittäiskaupassa jopa a yhden sekunnin viive matkapuhelimen latausaikoina voi vaikuttaa muuntokursseihin jopa 20%.
Mobiili kokemus
Puolivälissä 2016, mobiiliverkon käyttö ohitti työpöytäliikenteen määrän:
Kuluttajien kulutuksella enemmän aikaa matkapuhelimella, markkinoijat ja mainostajat joutuivat (ja ovat edelleen) sopeutumaan. Yksi tapa toimittaa mobiililaitteille optimoidut kampanjat on luoda nopeasti latautuvia sivuja.
Tämä tuo meidät ensimmäiseen sivunopeusratkaisuun, joka käsittelee näitä kysymyksiä.
AMP-aloitussivut lisäävät sivunopeutta
AMP, avoimen lähdekoodin kehys esiteltiin vuonna 2016, tarjoaa mainostajille tavan luoda salamannopeat, sujuvasti ladattavat mobiilisivut, joissa käyttäjäkokemus asetetaan etusijalle ennen kaikkea.
AMP-sivut ovat houkuttelevia mainostajille, koska ne tarjoavat lähes hetkelliset latausajat tukemalla silti joitain muotoilun ja tuotemerkin mukautettavuutta. Ne mahdollistavat nopeamman napsautuksen jälkeisen laskeutumissivun renderoinnin, koska ne rajoittavat HTML / CSS: ää ja JavaScriptiä. Toisin kuin perinteiset mobiilisivut, Google AMP -välimuisti tallentaa AMP-sivut automaattisesti välimuistiin, mikä nopeuttaa latausaikoja Google-haussa.
Klikkauksen jälkeisen optimoinnin johtajana Instapage tarjoaa mahdollisuuden luoda napsautuksen jälkeisiä aloitussivuja AMP-kehyksen avulla:
Kanssa Instapage AMP -rakentaja, markkinoijat ja mainostajat voivat:
- Luo AMP: n napsautuksen jälkeiset aloitussivut suoraan Instapage-alustalta ilman kehittäjää
- Vahvista, A / B-testi ja julkaise AMP-sivut WordPressissä tai muussa verkkotunnuksessa
- Tarjoa parempia mobiilikokemuksia, lisää laatupisteitä ja lisää tuloksia
Vallankumouksellinen kuulolaiteyhtiö Eargo on nähnyt uskomattomia tuloksia sen jälkeen, kun AMP on otettu käyttöön napsautuksen jälkeisessä kokemuksessaan:
AMP-sivujen rakentamisen lisäksi Instapage-ohjelmalla on useita muita tapoja parantaa sivun nopeutta. Tässä on kolme niistä aloittaaksesi.
3 Muita tapoja parantaa sivunopeutta
1. Hyödynnä sivunopeuden työkaluja
PageSpeed Insights on Googlen nopeustesti, joka antaa sivusi 0-100 pistettä:
Pisteytys perustuu kahteen parametriin:
- Aika taitoksen yläpuolelle (kokonaisaika, jolloin sivu näyttää sisällön taiton yläpuolella, kun käyttäjä pyytää uutta sivua)
- Aika täyden sivun lataamiseen (aika, jonka selain vie sivun täydelliseen renderointiin käyttäjän pyynnöstä)
Mitä korkeampi pisteet, sitä optimoidumpi sivu on. Nyrkkisääntönä mikä tahansa yli 85 tarkoittaa, että sivusi toimii hyvin. Alempi kuin 85, ja sinun tulisi tarkastella Googlen tarjoamia pisteitä nostavia ehdotuksia.
PageSpeed Insights tarjoaa raportteja sivusi työpöydälle ja mobiiliversioille sekä parannusehdotuksia.
Think with Google: Testaa sivustoni, jonka käynnistää PageSpeed Insights -tiimi, testaa vain mobiilisivujen nopeudet, toisin kuin sekä mobiililaitteet että työpöydät. Se on toinen osoitus siitä, kuinka nopeasti (tai hitaasti) sivusi latautuvat:
Tämä työkalu näyttää latausaikasi, tarjoaa mukautettuja suosituksia kunkin sivusi nopeuttamiseksi ja tarjoaa sitten mahdollisuuden luoda täydellinen raportti.
2. Täysin optimoidut kuvat (pakkaus)
Kuvien optimointi pakkaamalla, koon muuttaminen, alustaminen jne. Voi auttaa säästämään tavuja, nopeuttamaan sivun latausaikaa ja parantamaan mobiilisivuston suorituskykyä. Niistä muut suositukset, Google kehottaa poistamaan tarpeettomat korkean resoluution kuvat ja GIF-tiedostot ja korvaamaan kuvat tekstillä tai CSS: llä aina kun mahdollista.
Lisäksi pakattujen ja kokoluokiteltujen kuvien tarjoaminen on nyt helpompaa kuin koskaan, koska nämä asetukset voidaan automatisoida. Voit esimerkiksi muuttaa satoja kuvia ja pakata ne automaattisesti komentosarjan avulla, mikä vähentää manuaalista työtä (AMP-sivuja rakennettaessa mukautetut kuvatunnisteet tekevät useista näistä samoista optimoinnista automaattiset).
Optimaalisen kuvamuodon valitseminen voi olla vaikeaa, koska käytettävissä on niin monia vaihtoehtoja. Kaikki riippuu käyttötapauksesta, mutta tässä on joitain yleisimpiä:
- WebP: Valokuva- ja läpikuultavat kuvat
- JPEG: Valokuvat ilman läpinäkyvyyttä
- PNG: Läpinäkyvä tausta
- svg: Skaalautuvat kuvakkeet ja muodot
Google suosittelee aloittamista WebP: llä, koska se sallii 30% enemmän pakkaamista kuin JPEG ilman kuvanlaadun heikkenemistä.
3. priorisoi taitoksen yläpuolella oleva sisältö
Käyttäjän käsityksen parantaminen sivuston nopeudesta on melkein yhtä tärkeää kuin itse sivuston nopeuden parantaminen. Siksi kun kuvasi on optimoitu, sinun on varmistettava, että ne toimitetaan juuri oikeaan aikaan.
Harkitse tätä: Mobiililaitteessa sivuston näkyvä osa on rajoitettu pienelle alueelle, taiton yläpuolella. Tämän seurauksena sinulla on mahdollisuus ladata sisältö tällä alueella nopeasti, kun taas muut sivun alaosassa olevat elementit latautuvat taustalla.
Huomaa: AMP: n ainutlaatuiseksi tekee se, että siinä on sisäänrakennettu priorisoitu resurssien lataus, mikä varmistaa, että vain tärkeimmät resurssit ladataan ensin.
Sivuston kuvien määrän vähentäminen voi olla haastavaa - etenkin vähittäiskaupan tuotemerkkien, esimerkiksi useiden tuotteiden kohdalla, mutta on silti kriittistä ainakin minimoida kuvien vaikutus latausaikaan näiden kolmen taktiikan avulla.
Nosta sivunopeutta AMP: n avulla
Jos mobiilisivuillasi on korkea välitön poistumisprosentti ja matala tulosprosentti sivun hitaan latausnopeuden takia, AMP-sivut voivat olla säästävä armo.
Aloita napsautuksen jälkeisten AMP-sivujen luominen tarjotaksesi kävijöille nopeita, optimoituja ja osuvia mobiiliselaamiskokemuksia ja parantaaksesi laatupisteitäsi ja tuloksia prosessin aikana.