Kuvitellaan tilanne. Kävijä klikkaa linkkiä sivustollesi ja odottaa. Kaksi sekuntia kuluu. Kolme. Neljännellä sekunnilla yli puolet heistä on poissa, eivätkä he palaa. Verkkosivuston nopeus ei ole tekninen huoli, joka lojuu jonkun kehittäjän työlistalla. Se on ensimmäinen asia, jonka kävijä kokee ennen kuin hän lukee sanaakaan, näkee logosi tai päättää, luottaako sinuun. Tässä artikkelissa käydään läpi, miksi verkkosivuston nopeudella on väliä kävijöillesi, konversioillesi ja hakusijoituksillesi, mitä hidas sivusto todella maksaa, mitä "riittävän nopea" tarkoittaa käytännössä ja mitkä yleiset ongelmat aiheuttavat suorituskykyongelmia.
Verkkosivuston nopeus on aika, joka kuluu siihen, että sivu latautuu kokonaan ja muuttuu käyttökelpoiseksi kävijän selaimessa. Sivustosi kannalta ei ole tärkeää vain se, kuinka nopealta se tuntuu omalla laitteellasi, vaan se, miten se toimii oikeille kävijöille eri yhteysnopeuksilla, sijainneissa ja laitteilla. Tarkempi katsaus tämän mittaamiseen käytettyihin mittareihin löytyy artikkelista sivun latausaika ja miten sitä mitataan.
Miksi kävijät lähtevät hitailta verkkosivustoilta?
Ihmisen huomio ei ole antelias. Kävijät muodostavat vaikutelman sivusta millisekunneissa, ja tähän vaikutelmaan vaikuttaa osittain se, reagoiko sivu heti. Tässä on, mitä data kertoo latausajan vaikutuksesta käyttäytymiseen.
Luvut pomppuprosenteista
- Sivulla, jonka lataus kestää 3 sekuntia 1 sekunnin sijaan, pomppuprosentti nousee noin 32 prosenttia
- 5 sekunnin kohdalla tämä luku lähes kaksinkertaistuu 90 prosenttiin
- 10 sekunnin kohdalla sivu on menettänyt valtaosan saapuneista kävijöistä
Miksi kävijät eivät odota
Hidas sivu kertoo, että jokin on vialla. Ehkä palvelin on alhaalla. Ehkä sivustoa ei ylläpidetä kunnolla. Kävijät eivät tutki asiaa. He painavat takaisin-painiketta ja avaavat seuraavan tuloksen. Sivusi sisältö, olipa se kuinka vahvaa tahansa, ei koskaan tule nähdyksi.
Mobiili pahentaa tilannetta
Mobiilikävijät hylkäävät vielä nopeammin sivun, joka ei lataudu heti. Koska mobiililaitteet muodostavat nykyään suurimman osan maailmanlaajuisesta verkkoliikenteestä, sivusto, joka toimii kohtuullisesti tietokoneella mutta huonosti mobiilissa, kärsii vakavasta ongelmasta, joka vaikuttaa suurimpaan osaan sen yleisöstä.
Mitä hidas verkkosivusto maksaa liiketoiminnalle?
Hidas sivun nopeus vaikuttaa mitattavasti liikevaihtoon, ei vain sijoituksiin. Vaikutukset kasautuvat usealle liiketoiminnan alueelle.
Konversiot laskevat jokaisen sekunnin myötä
- Jokainen latausajan lisäsekunti vähentää konversioprosenttia keskimäärin 4,42 prosenttia
- Sivusto, jolla on 1 000 kävijää kuukaudessa ja 3 prosentin konversio, menettää 6 konversiota jokaista 2 sekunnin viivettä kohden
- Suuressa mittakaavassa tämä ero kasvaa kuukaudesta toiseen
Kävijät palaavat harvoin huonon kokemuksen jälkeen
- Noin 79 prosenttia ostajista, jotka kohtaavat suorituskykyongelmia, sanoo, ettei osta enää samalta sivustolta
- Vahinko ei rajoitu yhteen käyntiin. Se vaikuttaa asiakkuuden elinkaariarvoon ja asiakkaiden suosituksiin
Maksettu liikenne muuttuu hukkakuluksi
Verkkosivustoille, jotka luottavat mainosbudjettiin liikenteen tuomisessa, hidas suorituskyky on vielä kalliimpaa. Maksetut kävijät maksavat rahaa hankkia. Kun hidas sivu saa heidät lähtemään ennen sitoutumista, heidän tuomiseensa käytetty mainosbudjetti ei tuota mitään. Jokainen maksetun käynnin poistuminen on suora taloudellinen tappio.
Nopeus muokkaa koettua laatua
Nopea, reagoiva sivusto viestii ammattimaisuudesta. Hidas heikentää uskottavuutta ennen kuin kävijä on lukenut mitään. Palveluntarjoajille ja konsulteille, joiden ostopäätöksessä luottamus on osa kokonaisuutta, tuo ensivaikutelma painaa paljon.
Miten verkkosivuston nopeus vaikuttaa hakusijoituksiisi?
Sivun nopeus on virallinen sijoitustekijä. Hakukoneet vahvistivat tämän vuonna 2021, kun sivukokemuksen signaalit, mukaan lukien Core Web Vitals, otettiin mukaan sijoitusalgoritmeihin. Nopeutta mitataan kolmella tietyllä mittarilla. Kun ymmärrät, mitä Core Web Vitals on, saat täyden kuvan, mutta tässä on, mitä kukin mittaa ja mitkä pisteet ovat tärkeitä.
Largest Contentful Paint (LCP)
- Mitä se mittaa: kuinka kauan kestää, ennen kuin suurin näkyvä elementti (pääkuva, otsikko, suuri tekstilohko) on latautunut kokonaan
- Hyvä tulos: 2,5 sekuntia tai nopeampi
- Kaipaa parannusta: 2,5 - 4 sekuntia
- Heikko: yli 4 sekuntia
Interaction to Next Paint (INP)
- Mitä se mittaa: kuinka nopeasti sivu reagoi klikkauksiin, napautuksiin ja näppäimistön syötteisiin koko käynnin ajan
- Hyvä tulos: 200 millisekuntia tai alle
- Kaipaa parannusta: 200 - 500 millisekuntia
- Heikko: yli 500 millisekuntia
INP korvasi First Input Delayn vuonna 2024 ja antaa täydellisemmän kuvan vuorovaikutteisuudesta koko istunnon ajalta, ei vain ensimmäisestä klikkauksesta.
Cumulative Layout Shift (CLS)
- Mitä se mittaa: kuinka paljon sivun asettelu siirtyy odottamatta latauksen aikana (teksti hyppii, painikkeet liikkuvat)
- Hyvä tulos: 0,1 tai alle
- Kaipaa parannusta: 0,1 - 0,25
- Heikko: yli 0,25
Miten hakukoneet pisteyttävät sivut
- Pisteet perustuvat oikeiden kävijöiden todelliseen dataan, ei pelkästään nopeustyökalujen tuloksiin
- Käytössä on 75. persentiilin sääntö: 75 prosentin käynneistä täytyy täyttää "hyvän" raja, jotta sivu läpäisee
- Mobiilipisteillä on suurempi paino kuin tietokonepisteillä, koska mobiili edellä -indeksoinnista tuli vakio
Nopeus sijoitussignaalina asiayhteydessä
Core Web Vitals ei ohita sisällön laatua. Erittäin relevantti sivu, jolla on vahvoja linkkejä, sijoittuu silti paremmin kuin teknisesti nopeampi sivu, jonka sisältö on ohutta. Mutta kun kahdella kilpailevalla sivulla on samankaltainen relevanssi ja arvovalta, paremmat pisteet saanut sijoittuu korkeammalle. Kilpailluilla aloilla tekninen suorituskyky muuttuu todelliseksi erottajaksi. Laajemman kuvan saat artikkelista mitä SEO on.
Mikä on riittävän nopea?
Absoluuttiset tavoitearvot
- LCP alle 2,5 sekuntia
- INP alle 200 millisekuntia
- CLS alle 0,1
- Täysi vuorovaikutteisuus 3 sekunnin kuluessa mobiiliyhteydellä
Miten luet nopeustestin pisteet
- Yli 90: nopea
- 50 - 89: keskinkertainen
- Alle 50: merkittäviä suorituskykyongelmia, jotka todennäköisesti vaikuttavat sekä kokemukseen että sijoituksiin
Kilpailun kannalta sivustosi täytyy olla vähintään yhtä nopea kuin kohdeavainsanoillasi sinua korkeammalla sijoittuvat sivut. Tee testit mobiilissa ja tietokoneella erikseen ja katso kenttädataa (oikeiden kävijöiden mittauksia) pelkkien laboratoriotulosten sijaan.
Mikä tekee verkkosivustosta hitaan?
Suorituskykyongelmat johtavat lähes aina samoihin toistuviin syihin. Kun tunnet ne, on helpompi selvittää, mistä hidastuminen johtuu.
Optimoimattomat kuvat
- Puhelimella otettu korkearesoluutioinen valokuva voi helposti olla 4 - 8 megatavua
- Saman kuvan oikein pakattu versio voi olla alle 100 kilotavua ilman näkyvää laadun heikkenemistä
- Sivut, joilla on useita ylikokoisia kuvia, voivat lisätä latausaikaa yksinään 3 - 5 sekuntia
- Kuvien pakkaaminen ja koon muuttaminen ennen lataamista on yleensä vaikuttavin saatavilla oleva korjaus
Hidas palvelimen vasteaika
- Jokainen sivulataus alkaa pyynnöllä palvelimellesi
- Jos palvelin vastaa hitaasti, koko lataus viivästyy ennen kuin yhtäkään tavua on lähetetty
- Jaetut palveluympäristöt, joissa resurssit jaetaan monen sivuston kesken, voivat tuottaa arvaamattomia vasteaikoja
_blocked_öintiä estävät skriptit ja tyylitiedostot
- Selaimet keskeyttävät _blocked_öinnin, kun ne kohtaavat CSS- tai JavaScript-tiedostoja, jotka niiden on käsiteltävä ensin
- Suuret skriptitiedostot, jotka ladataan ennen sivun sisältöä, jättävät kävijät tuijottamaan tyhjää ruutua
- Ei-kriittisten skriptien lykkääminen tai asynkroninen lataus siirtää ne pois kriittiseltä _blocked_öintipolulta
Ei välimuistia
- Ilman välimuistia jokainen käynti käynnistää sivun täydellisen uudelleenrakennuksen alusta
- Välimuistin kanssa palaavat kävijät latautuvat tallennetusta versiosta, mikä on huomattavasti nopeampaa
- Vilkasliikenteisillä sivuilla välimuisti vähentää sekä latausaikaa että palvelimen kuormaa samanaikaisesti
Liikaa kolmannen osapuolen skriptejä
- Live chat -widgetit, seurantapikselit ja arvostelumerkit lisäävät kukin ulkoisen yhteyspyynnön
- Jos jokin näistä ulkoisista palvelimista vastaa hitaasti, myös sivusi hidastuu
- Käyttämättömien kolmannen osapuolen skriptien tarkistaminen ja poistaminen on suoraviivainen tapa vähentää tätä kuormaa
Nopeus on myös yksi osa saavutettavaa verkkosivustoa, koska hitaat latausajat vaikuttavat suhteettomasti käyttäjiin, joilla on hitaammat yhteydet tai vanhemmat laitteet. Laajemman kuvan siitä, miten nämä tekijät muokkaavat kävijäkokemusta, saat artikkelista UX-suunnittelu ja käyttökokemus.
Näin WEMASY hoitaa verkkosivuston nopeuden
WEMASY rakentaa nopeusoptimoinnit Sivustonrakentajan oletukseksi sen sijaan, että käsittelisi niitä valinnaisina lisäosina. Verkkopalveluinfrastruktuuri kuuluu jokaiseen tilaukseen, joten sivustoja ei sijoiteta alitehoisiin jaettuihin ympäristöihin. Alustan kautta ladatut kuvat pakataan ja niiden kokoa muutetaan automaattisesti. Välimuisti on oletuksena käytössä, ja WEMASYllä rakennetut sivut pidetään kevyinä _blocked_öintiä estävien ongelmien vähentämiseksi ilman teknistä määritystä.
Core Web Vitals -pisteet näkyvät WEMASYn hallintapaneelissa, joten sivuston omistajat näkevät suoraan, miten heidän sivunsa suoriutuvat hakukoneiden käyttämiin rajoihin nähden.
Katso, mitä kuhunkin tilaukseen kuuluu, sivulta WEMASYn Sivustonrakentaja tai tutustu tilausvaihtoehtoihin hinnoittelusivulla.
Usein kysytyt kysymykset
Vaikuttaako sivun nopeus hakusijoituksiin?
Kyllä. Sivun nopeus on vahvistettu sijoitustekijä Core Web Vitalsin kautta, jota hakukoneet ovat käyttäneet osana sivukokemuksen signaaleja vuodesta 2021. Sivuilla, jotka saavat Largest Contentful Paintista, Interaction to Next Paintista ja Cumulative Layout Shiftistä "hyvän" tuloksen, on sijoitusetu heikosti pisteytettyihin sivuihin nähden, erityisesti kun kilpailevilla sivuilla on samankaltainen sisällön laatu. WEMASYn Sivustonrakentajalla voit ottaa tämän käyttöön suoraan omalla sivustollasi.
Kuinka nopeasti verkkosivuston pitäisi latautua?
Core Web Vitalsin raja Largest Contentful Paintille on 2,5 sekuntia tai nopeampi hyvän tuloksen saamiseksi. Käytännössä täyden vuorovaikutteisuuden tavoittelu kolmessa sekunnissa mobiiliyhteydellä kattaa suurimman osan todellisista käyttötapauksista. Alle kahdessa sekunnissa latautuvat sivut ovat useimpien toimialojen vertailuarvoa edellä.
Mikä on yleisin syy verkkosivuston hitauteen?
Optimoimattomat kuvat ovat yksittäisistä syistä yleisin hitaiden latausaikojen aiheuttaja. Pakkaamatta tai koon muuttamatta ladatut korkearesoluutioiset valokuvat lisäävät suuria datamääriä jokaiseen sivulataukseen. Kuvien pakkaaminen ja koon muuttaminen sivulla näytettäviin mittoihin tuottaa tyypillisesti suurimman parannuksen pienimmällä tekniikalla.
Onko verkkosivuston nopeus tärkeämpi mobiilissa kuin tietokoneella?
Hakusijoitusten kannalta kyllä. Hakukoneet indeksoivat ja sijoittavat sivut mobiiliversion perusteella, joten mobiilin Core Web Vitals -pisteillä on suurempi paino kuin tietokoneen pisteillä. Mobiiliyhteydet ovat myös keskimäärin hitaampia, mikä tarkoittaa, että suorituskykyongelmat, jotka tuskin huomaa tietokoneella, voivat vaikuttaa merkittävästi suurimman osan kävijöistäsi kokemukseen.
Voiko hidas verkkosivusto vaikuttaa myyntiin ja liideihin, ei vain sijoituksiin?
Kyllä, ja usein suoremmin kuin sijoituksiin. Konversioprosentti laskee keskimäärin 4,42 prosenttia jokaista latausajan lisäsekuntia kohden. Kävijät, joilla on huono kokemus hitaalla sivustolla, tuskin palaavat. Jokaiselle sivustolle, joka riippuu kävijöiden toimista, olivatpa ne lomakelähetyksiä, ostoja tai yhteydenottoja, sivun nopeudella on mitattava vaikutus siihen, kuinka moni näistä toimista oikeasti tapahtuu.
Miten tarkistan verkkosivustoni nopeuden?
Verkossa on saatavilla nopeustestityökaluja, jotka pisteyttävät sivusi Core Web Vitalsin rajoja vasten ja tunnistavat tietyt suorituskykyä heikentävät ongelmat. Tee testit mobiilissa ja tietokoneella erikseen ja tarkista oikeiden kävijöiden kenttädata sen sijaan, että luottaisit vain laboratoriopisteisiin. Jos käytät WEMASYä, Core Web Vitals -suorituskyky näkyy suoraan hallintapaneelissa ilman ulkoisia testejä.