Verkkosivujen nopeus: miksi hidas sivu maksaa sinulle asiakkaita
Verkkosivun nopeus on se osa sivustoa, jota kukaan ei kiitä mutta jonka puuttumisen kaikki huomaavat. Asiakas ei kerro poistuessaan mitään, eikä hidastuminen näy tilastoissa selvästi, koska ne kävijät jotka eivät jaksaneet odottaa eivät koskaan ehtineet mukaan lukuihin. Tässä oppaassa käydään läpi mitä hitaus maksaa tutkimusten mukaan, mikä on riittävän nopea, mitä Core Web Vitals käytännössä tarkoittaa, miten mittaat oman sivustosi ilmaiseksi, mitkä ovat seitsemän yleisintä syytä hitauteen ja mitkä niistä voit korjata itse.
Mitä hidas sivu maksaa
Nopeuden vaikutusta on mitattu useissa laajoissa tutkimuksissa. Alla keskeisimmät luvut ja niiden lähteet.
+32 %
poistumisen todennäköisyys mobiilissa, kun lataus venyy yhdestä kolmeen sekuntiin. Viidessä sekunnissa kasvu on 90 prosenttia.
Google / SOASTA 2017
3x
konversio yhdessä sekunnissa latautuvalla sivulla verrattuna viiden sekunnin sivuun. Kymmeneen verrattuna ero on viisinkertainen.
Portent 2022, B2B-liidisivut
8,4 %
korkeampi konversio, kun mobiilisivun nopeus parani 0,1 sekuntia. Liidinkeruusivuilla poistumiset laskivat 8,3 prosenttia.
Deloitte ja Google 2020
Samoista tutkimuksista kolme muuta lukua:
- Poistumisen todennäköisyys kasvaa mobiilissa 90 prosenttia, kun lataus venyy yhdestä viiteen sekuntiin. Kuudessa sekunnissa kasvu on 106 ja kymmenessä 123 prosenttia. (Google ja SOASTA 2017)
- 53 prosenttia mobiilikäynneistä keskeytyi, jos sivun latautuminen kesti yli kolme sekuntia. (Google ja DoubleClick 2016)
- Portentin luvut on mitattu nimenomaan liidejä kerääviltä sivustoilta, ei verkkokaupoista, joten ne ovat palvelualan yritykselle suoraan vertailukelpoisia. Aineistossa oli yli 100 miljoonaa sivunäyttöä 20 sivustolta, joista 14 oli B2B-liidisivustoja. (Portent 2022)
Käännä nämä omiksi euroiksi, niin asia muuttuu konkreettiseksi. Jos sivustolla käy 500 kävijää kuukaudessa, kaksi prosenttia ottaa yhteyttä ja joka kolmas yhteydenotto muuttuu kaupaksi keskikatteella 400 euroa, sivusto tuottaa noin 1 300 euroa kuukaudessa. Jos nopeuttaminen nostaa konversion kahdesta kolmeen prosenttiin, se on 650 euroa lisää kuukaudessa, eli takaisinmaksu tulee jo ensimmäisestä kaupasta. Itse työ ei ole yhtä yksinkertainen kuin luku antaa ymmärtää: korjattavia yksityiskohtia on useita, ne pitää tehdä oikeassa järjestyksessä ja tulos on mitattava ennen ja jälkeen, jotta tietää mikä auttoi. Osan voi tehdä itse, ja käymme ne läpi tässä oppaassa. Loppu on sitä työtä, jonka moni mieluummin ostaa valmiina.
Hitaudessa ei ole varoitusvaloa. Kävijä ei ilmoita poistuessaan, ja tilastoissa näkyy vain ne jotka jaksoivat odottaa.
Mikä on riittävän nopea
Selkeä ja käytännöllinen tavoite: sivun tärkein sisältö on näkyvissä alle 2,5 sekunnissa puhelimella tavallisessa mobiiliverkossa. Tämä ei ole mielivaltainen luku vaan Googlen Core Web Vitals -mittariston raja-arvo, ja se osuu myös siihen kohtaan, jossa poistumiset alkavat tutkimusten mukaan kasvaa.
Tärkeä huomio siitä, mitä nopeus tarkoittaa: kyse ei ole siitä milloin koko sivu on ladattu loppuun, vaan siitä milloin kävijä näkee ja voi käyttää sitä mitä hän tuli hakemaan. Sivu voi jatkaa latautumista taustalla vielä sekunteja sen jälkeen, kun asiakas on jo painanut soittopainiketta. Sillä ei ole väliä. Väliä on sillä, kuinka kauan hän katsoo tyhjää ruutua.
Core Web Vitals selkokielellä
Core Web Vitals on Googlen kolmen mittarin joukko, joka kuvaa sitä miltä sivu tuntuu käyttäjästä. Nimet ovat teknisiä, mutta asiat eivät ole.
| Mittari | Mitä se mittaa | Hyvä raja | Yleisin syy huonoon tulokseen |
|---|---|---|---|
| LCP | Kuinka nopeasti sivun suurin näkyvä elementti, yleensä pääkuva tai otsikko, ilmestyy ruudulle. | Alle 2,5 sekuntia | Liian suuri pakkaamaton pääkuva, hidas palvelin, fonttien odottelu. |
| INP | Kuinka nopeasti sivu reagoi kun kävijä painaa jotain. Korvasi aiemman FID-mittarin maaliskuussa 2024. | Alle 200 millisekuntia | Liikaa JavaScriptiä: lisäosat, chat-widgetit, sivunrakentajien skriptit. |
| CLS | Kuinka paljon sivu hyppii latautuessaan. Se tunne, kun painallus osuu väärään painikkeeseen koska sisältö siirtyi. | Alle 0,1 | Kuville ei ole määritetty kokoa, mainokset ja evästebanneri työntävät sisältöä. |
Raja-arvot arvioidaan 75. persentiilistä eli valtaosalta oikeista sivunäytöistä 28 päivän liukuvalla jaksolla. Yksittäinen hyvä testitulos ei siis vielä tarkoita, että mittari on kunnossa.
Nopeus ja Google-näkyvyys: mitä Google oikeasti sanoo
Googlen oma dokumentaatio sanoo tästä kolme asiaa:
- Core Web Vitals -mittarit ovat sijoitusjärjestelmien käytössä. Nopeus siis vaikuttaa.
- Yksittäistä sivukokemussignaalia ei ole. Google katsoo useita signaaleja, eikä hyvä Core Web Vitals -tulos takaa kärkisijoitusta.
- Relevantti sisältö voittaa sivukokemuksen. Google näyttää parhaan vastauksen vaikka sivu olisi hidas. Hyvä sivukokemus ratkaisee siellä, missä useampi sivu vastaa hakuun yhtä hyvin.
Käytännön johtopäätös pk-yritykselle: nopeutta ei kannata korjata siksi että Google palkitsisi siitä, vaan siksi että hitaus maksaa asiakkaita. Hakukonehyöty tulee sivutuotteena. Muut ja tässä mielessä painavammat hakukoneoptimoinnin keinot on käyty läpi oppaassa hakukoneoptimointi pienyritykselle.
Yksi puoli on muuttunut viime vuosina: nopeus ja tekninen selkeys vaikuttavat myös siihen, mitä tekoälypalvelut kertovat yrityksestäsi. Tekoäly ei voi lainata sivua, jota se ei pääse lukemaan sujuvasti. Tästä on oma opas: tekoälyoptimointi eli GEO.
Näin mittaat oman sivustosi
Kolme ilmaista tapaa, tässä järjestyksessä. Yksi niistä on parempi kuin mikään työkalu.
- Google PageSpeed Insights. Syötä sivun osoite ja katso ensin mobiilitulos, koska valtaosa kävijöistä tulee puhelimella. Työkalu antaa LCP-, INP- ja CLS-arvot sekä listan konkreettisia parannusehdotuksia suuruusjärjestyksessä. Testaa etusivu ja vähintään yksi palvelusivu erikseen, koska tulokset eroavat usein selvästi.
- Google Search Console, Core Web Vitals -raportti. Tämä perustuu oikeiden kävijöiden mittauksiin, ei simulaatioon, ja on siksi luotettavampi. Pienellä sivustolla dataa ei aina ole riittävästi, jolloin raportti on tyhjä ja nojataan PageSpeed Insightsiin.
- Oma puhelin ilman wifiä. Avaa sivusto ja laske sekunnit siihen, kun pääotsikko ja yhteydenottopainike ovat näkyvissä ja painettavissa. Tämä on lopullinen mittari, koska asiakkaasi tekee saman testin, eikä hän katso pisteytystä.
Pisteytyksestä yksi varoitus. PageSpeed Insightsin 0-100 pisteluku on laboratoriotesti, joka simuloi yhtä latausta ja vaihtelee mittauskerrasta toiseen. Yli 90 on hyvä, alle 50 vaatii toimia, mutta sadan pisteen tavoittelu on harvoin järkevää käytettyyn aikaan nähden. Kolme mittaria kunnossa valtaosalla kävijöistä on oikea tavoite.
Haluatko tietää mikä sinun sivullasi hidastaa?
Katsomme sivustosi läpi ja kerromme suoraan mikä on korjattavissa ja mikä ei. Samalla teemme maksuttoman demon nopeasta versiosta.
Seitsemän yleisintä syytä hitauteen ja niiden korjaus
Järjestys on se, jossa nämä kannattaa käydä läpi. Kaksi ensimmäistä selittävät valtaosan kaikista hitaustapauksista, joita olemme nähneet.
| Syy | Miten se näkyy | Korjaus | Voitko tehdä itse? |
|---|---|---|---|
| 1. Kuvat | Pääkuva ilmestyy viiveellä tai piirtyy ylhäältä alaspäin. Yksi kuva voi olla useita megatavuja. | Skaalaa oikeaan kokoon, pakkaa WebP- tai AVIF-muotoon, määritä leveys ja korkeus, lataa taitteen alapuoliset kuvat vasta tarvittaessa. | Kyllä |
| 2. Lisäosat ja skriptit | Sivu näkyy mutta ei reagoi painalluksiin. Huono INP. | Poista käyttämättömät lisäosat kokonaan, älä vain käytöstä. Karsi chat-widgetit, liukukarusellit ja jaa-painikkeet. | Osittain |
| 3. Fontit | Teksti näkyy hetken väärällä kirjasimella tai ei näy lainkaan sekunnin ajan. | Rajaa fonttien määrä kahteen, lataa vain käytetyt leikkaukset, käytä font-display: swap -asetusta ja esilataa tärkein. | Osittain |
| 4. Teema tai sivunrakentaja | Sivu on hidas vaikka sisältöä on vähän. Optimoinnit eivät auta kuin hetkeksi. | Vaihda kevyempään toteutukseen. Tätä ei voi optimoida pois, se on rakenteellinen ongelma. | Ei |
| 5. Palvelin ja välimuisti | Tyhjä ruutu jo ennen kuin mitään alkaa latautua. Korkea vasteaika. | Ota käyttöön sivujen välimuisti ja pakkaus, vaihda tarvittaessa nopeammalle palvelimelle tai käytä sisällönjakeluverkkoa. | Osittain |
| 6. Evästebanneri ja seuranta | Banneri ilmestyy viiveellä ja työntää sisältöä. Huono CLS. | Kevyt banneri, kiinteä tila varattuna, seurantakoodit ladataan vasta suostumuksen jälkeen ja viivytettynä. | Osittain |
| 7. Upotukset | Videot, kartat ja varauskalenterit lataavat satoja kilotavuja ulkopuolista koodia. | Näytä kansikuva ja lataa upotus vasta painalluksesta. Karttalinkki riittää usein karttaupotuksen sijaan. | Osittain |
Mitä voit korjata itse tänään
Nämä kohdat pystyt käymään läpi itse ilman erityistä teknistä osaamista, ja ne tuottavat useimmilla sivustoilla suurimman osan koko parannuksesta. Yksityiskohtia on kuitenkin useita ja järjestyksellä on väliä, joten varaa työhön rauhallinen hetki mieluummin kuin vartti muun työn lomassa.
- Mittaa lähtötaso ja kirjaa se ylös. PageSpeed Insights, mobiilitulos, etusivu ja yksi palvelusivu. Ilman lähtötasoa et tiedä auttoiko mikään.
- Etsi sivuston kolme suurinta kuvaa ja korjaa ne. PageSpeed Insights kertoo suoraan mitkä ne ovat. Yksi liian suuri pääkuva voi olla puolet ongelmasta.
- Poista lisäosat joita et käytä. Käytöstä poistaminen ei riitä, poista kokonaan.
- Laske montako fonttia ja leikkausta sivusto lataa. Jos niitä on yli neljä, karsi.
- Poista chat-widget, jos siihen ei vastata. Vastaamaton chat on sekä hidaste että pettymys asiakkaalle. Jos haluat vastauksen ympäri vuorokauden, AI-päivystäjä tekee sen kevyemmällä toteutuksella.
- Vaihda karttaupotus linkiksi. Google Mapsin upotus on yksi raskaimmista yksittäisistä elementeistä, ja asiakas avaa reitin kuitenkin omassa sovelluksessaan.
- Testaa uudelleen ja vertaa lukuja. Kirjaa erot, niin tiedät mikä toimi.
Kun tämä on tehty ja sivusto on edelleen hidas, syy on rakenteellinen. Silloin kyse ei ole enää optimoinnista.
Jos lista tuntuu siltä että siihen menee koko viikonloppu, se on ihan aiheellinen tunne. Yksittäiset korjaukset ovat helppoja, mutta kokonaisuuden saaminen kuntoon ja pitäminen kunnossa vaatii paneutumista. Teemme tämän työn asiakkaillemme rutiinilla, joten jos oma aika on mieluummin pois laskutettavasta työstä, kysy meiltä.
Milloin korjaaminen ei enää kannata
Nopeus on yksi niistä asioista, joissa paikkaamiseen voi upottaa rajattomasti aikaa. Näissä tilanteissa kannattaa laskea uudelleen rakentaminen vaihtoehtona:
- Sivu on hidas vaikka sisältöä on vähän. Silloin hitaus on toteutuksessa, ei sisällössä.
- Korjaukset auttavat hetken ja tilanne palaa. Tyypillistä raskaissa sivunrakentajissa ja teemoissa, joiden päivitykset tuovat painon takaisin.
- Alusta tai lisäosat ovat vanhentuneita. Tässä on nopeuden lisäksi tietoturvariski.
- Korjauslista koskee yli puolta sivustosta. Sama nyrkkisääntö kuin uudistuksessa yleisesti.
Vertailu kannattaa tehdä euroina eikä tunteella: mitä optimointityö kustantaisi ja kuinka pitkäksi aikaa se riittää, verrattuna siihen mitä uusi ja kevyt toteutus kustantaa. Milloin uudistus on oikea ratkaisu ja miten se tehdään ilman että hakukonenäkyvyys romahtaa, on käyty läpi oppaassa verkkosivujen uudistaminen. Hinnan muodostuminen on eritelty verkkosivujen hinta -oppaassa, ja suuntaa antavan arvion saat hinta-arviolaskurilla.
Nopeus ei toimi yksin
Nopea sivu on välttämätön mutta ei riittävä. Sen rinnalla kannattaa hoitaa kolme asiaa, joiden kanssa nopeus toimii samaan suuntaan:
- Mobiili ja yhteydenoton helppous. Nopeasti latautuva sivu, jolta ei löydy puhelinnumeroa, on yhtä hyödytön kuin hidas. Keinot on käyty läpi artikkelissa verkkosivujen konversion parantaminen.
- Paikallinen löydettävyys. Suuri osa palveluyrityksen kävijöistä tulee karttatuloksista ja on liikkeellä puhelimella. Se on juuri se yleisö, joka poistuu nopeimmin. Lue Google-yritysprofiilin opas ja Google-arvostelujen opas.
- Sisältö joka vastaa hakuun. Nopeus ei nosta sivua hakutuloksissa, jos sivulla ei ole sitä mitä haettiin. Google sanoo tämän itse.
Yhteenveto
Hidas verkkosivu maksaa asiakkaita hiljaa. Tutkimusten mukaan poistumisen todennäköisyys kasvaa jyrkästi jo kolmen sekunnin jälkeen, ja liidejä keräävillä sivustoilla yhdessä sekunnissa latautuva sivu konvertoi kolme kertaa paremmin kuin viiden sekunnin sivu. Tavoite on selkeä: tärkein sisältö näkyviin alle 2,5 sekunnissa puhelimella, sivu reagoi painalluksiin alle 200 millisekunnissa eikä hyppi latautuessaan.
Järjestys on aina sama. Mittaa lähtötaso, korjaa kuvat, karsi lisäosat ja skriptit, tarkista fontit ja palvelin, mittaa uudelleen. Jos sivusto on senkin jälkeen hidas, ongelma on toteutuksessa eikä optimoitavissa, ja silloin vertailukohta on uusien sivujen hinta. Ja muista mikä nopeuden korjaamisessa on lopullinen mittari: avaa oma sivustosi puhelimella ilman wifiä ja laske sekunnit. Asiakkaasi tekee saman testin joka päivä.
Lähteet
- Google ja SOASTA (2017): mobiilikävijän poistumisen todennäköisyys kasvaa 32 prosenttia latauksen venyessä yhdestä kolmeen sekuntiin, 90 prosenttia viiteen ja 123 prosenttia kymmeneen sekuntiin. Julkaistu Think with Googlessa.
- Google ja DoubleClick (2016): The Need for Mobile Speed. 53 prosenttia mobiilikäynneistä keskeytyi, jos lataus kesti yli kolme sekuntia.
- Portent (2022): Site Speed is (Still) Impacting Your Conversion Rate. Yli 100 miljoonaa sivunäyttöä 20 sivustolta, joista 14 B2B-liidisivustoja.
- Deloitte ja Google (2020): Milliseconds Make Millions. 37 brändiä ja noin 30 miljoonaa sessiota. 0,1 sekunnin parannus mobiilinopeudessa: verkkokaupan konversio 8,4 prosenttia korkeampi, keskiostos 9,2 prosenttia korkeampi, liidinkeruusivujen poistumiset 8,3 prosenttia matalammat.
- Google: Core Web Vitals. LCP alle 2,5 s, INP alle 200 ms, CLS alle 0,1, arvioituna 75. persentiilistä.
- Google Search Central: Understanding page experience in Google Search results. Core Web Vitals on sijoitusjärjestelmien käytössä, mutta yksittäistä sivukokemussignaalia ei ole.
Sisältö on tarkistettu 3.9.2026. Mittarit ja raja-arvot muuttuvat ajoittain, joten yksityiskohdat kannattaa varmistaa lähteestä.
Usein kysytyt kysymykset.
Nopea sivu ei ole lisäominaisuus.
Rakennamme verkkosivut kevyiksi lähtökohtaisesti: pakatut kuvat, minimaalinen koodi ja nopea jakelu. Katsomme nykyisen sivustosi läpi ja teemme maksuttoman demon.