Verkkosivun nopeus = myyntilukuja — Lighthouse-pisteet ja euroja

Kun verkkosivutoimittaja sanoo "sivunne on nopea", se ei tarkoita mitään ilman lukuja. Sama lausunto on Squarespace-asiakkaalla, joka odottaa 4 sekuntia, ja Mironet-asiakkaalla, jonka sivu latautuu 0,8 sekunnissa. Molemmat sanovat "nopea". Mutta kumman myynti kasvaa?

Tämä postaus käy läpi konkreettiset numerot. Miten Lighthouse-pisteet kääntyvät euroiksi, ja miksi 95 vs 75 ei ole vain teknistä piirun viilaamista — se on noin 20 prosenttia menetettyä myyntiä.

Lighthouse-pisteet pikaesittely

Google Lighthouse on ilmainen työkalu joka mittaa sivuston suorituskykyä neljässä kategoriassa:

• Performance — kuinka nopeasti sivu latautuu ja vastaa
• Accessibility — voiko esim. näkövammainen käyttää sivua
• Best Practices — käytetäänkö nykyaikaisia menetelmiä
• SEO — perusteet jotka Google haluaa nähdä

Pisteet 0-100. Yleinen tulkinta:

• 90-100: hyvä (vihreä)
• 50-89: parantamisen varaa (keltainen)
• 0-49: huono (punainen)

Pelkät pisteet eivät kerro tarinaa — Core Web Vitals kertoo

Lighthousen tärkeimmät mittarit ovat Core Web Vitals. Nämä ovat tarkkoja sekunteja, eivät vain pisteitä:

LCP (Largest Contentful Paint)

Aika ensimmäisestä sivupyynnöstä siihen kun suurin sisältöelementti näkyy. Esimerkki: logo, otsikko, hero-kuva.

• Hyvä: alle 2,5 s
• Parannettavaa: 2,5-4 s
• Huono: yli 4 s

Tämä on se mittari joka vaikuttaa eniten käyttäjäkokemukseen. Ihminen päättää intuitiivisesti onko sivu "nopea" tai "hidas" sen perusteella milloin hän näkee jotain konkreettista.

FID / INP (Interaction to Next Paint)

Aika klikkauksen ja sivun reaktion välillä. Esimerkki: klikkaat menua → kuinka kauan kestää että avautuu.

• Hyvä: alle 200 ms
• Parannettavaa: 200-500 ms
• Huono: yli 500 ms

CLS (Cumulative Layout Shift)

Mittaa "hyppivän sisällön" — kun sivu lataa ja teksti hyppää alaspäin koska kuva latautui myöhemmin. Mitataan suhteellisena lukuna.

• Hyvä: alle 0,1
• Parannettavaa: 0,1-0,25
• Huono: yli 0,25

Tutkitut konversiomuutokset

Useat tutkimukset ovat mitanneet nopeuden vaikutusta liiketoimintaan. Tärkeimmät:

Google: 1 sekunnin lisäys → 7% vähemmän konversioita

Googlen mainosanalyysiraportti 2022. Kun sivu lataa hitaasti, käyttäjä hermostuu ja vaihtaa kilpailijaan.

Amazon: 100 ms lisäys → 1% vähemmän myyntiä

Amazonin sisäinen tutkimus. Tämä luku on ylivoimaisesti pienempi sivuilla, joiden käyttäjät ovat valmiita ostamaan (toisin sanoen mitä korkeammalta hinaltaan, sen tärkeämpää nopeus on).

Pinterest: 40% nopeampi sivu → 15% enemmän kirjautumisia

Pinterest sai parannettua latausaikaansa 40 prosenttia ja näki 15 prosentin nousun rekisteröitymisissä.

Walmart: 1 sekunnin nopeampi → 2% enemmän konversioita

Eli 1 sekunnin parannus voi tuoda 2-7 prosenttia lisää konversioita riippuen toimialasta.

Konkreettinen euromääräinen vaikutus

Otetaan kuvitteellinen yritys:

• Verkkosivulla 2 000 kävijää kuukaudessa
• Konversio (yhteydenotto / osto) 3% = 60 yhteydenottoa
• Keskimääräinen tilausarvo (jos verkkokauppa) tai liidin arvo (jos B2B) 500 €
• Kuukausittainen myynti sivuston kautta: 30 000 €

Nyt kuvitellaan kaksi skenaariota:

Skenaario A: WordPress-sivu, LCP 4 sekuntia

• Latausaika hitaa kuin keskiarvo
• Lighthouse Performance-pisteet ~50-65
• Käyttäjä odottaa: useimmat poistuvat ennen kuin sivu latautuu

Skenaario B: Next.js-sivu, LCP 0,8 sekuntia

• Latausaika nopea
• Lighthouse Performance-pisteet 95+
• Käyttäjä näkee sivun heti

Konversioiden ero 3,2 sekunnin parannuksella on tutkimusten perusteella ~20-30%.

| Asia | Skenaario A (4 s) | Skenaario B (0,8 s) | |---|---|---| | Kävijät | 2 000 | 2 000 | | Konversio % | 2,3% | 3,0% | | Yhteydenotot | 46 | 60 | | Myynti €/kk | 23 000 € | 30 000 € | | Vuositulojen ero | | + 84 000 € |

Yhteensä 84 000 € vuositulojen ero pelkästään latausajan parantamisesta.

Mistä ero tulee teknisesti

WordPress-sivu joka latautuu 4 sekuntia tekee tyypillisesti tätä:

1. Selain pyytää HTML:n palvelimelta
2. Palvelin ajaa PHP:n joka tekee 30-50 SQL-kyselyä tietokannasta
3. PHP rakentaa HTML:n
4. Selain saa HTML:n ja huomaa että pitää ladata 50+ erillistä tiedostoa: CSS, JS, kuvat, fontit, plugin-tiedostot
5. Jokainen lataus on uusi HTTP-pyyntö
6. Plugin-koodit suoritetaan selaimessa (jQuery, jne.)
7. Sivu lopulta renderöityy

Tämä kestää 3-5 sekuntia.

Next.js-sivu joka latautuu 0,8 sekuntia tekee tätä:

1. Sivu on etukäteen rakennettu kun käyttäjä pyytää
2. Server lähettää valmiin HTML:n yhdellä pyynnöllä
3. Selain renderöi heti — ei tarvitse odottaa skriptien lataamista
4. JavaScript ladataan taustalla mutta sivu on jo käyttäjän silmissä

Vähemmän on enemmän. Vähemmän tiedostoja, vähemmän kyselyitä, vähemmän odotusaikaa.

Miten testaat oman sivusi

Mene osoitteeseen pagespeed.web.dev ja syötä sivustosi URL. Saat raportin:

• Mobile- ja Desktop-pisteet
• LCP, FID, CLS
• Suositukset parannuksiin

Voit myös ajaa Lighthouse-testin Chrome-selaimessa: avaa DevTools (F12) → Lighthouse-välilehti → Generate report.

Jos pisteet ovat alle 90, sinun sivusi hidastaa myyntiäsi.

Mitä tehdä jos pisteet ovat heikot

Vaihtoehtoja parannukseen:

1. Plugin-laihdutus (jos WordPress)

Poista turhat pluginit. Jokainen plugin lisää koodia. Yritys joka käyttää 30 pluginia voi parantaa sivunsa nopeutta 30% poistamalla puolet — mutta menettää siten myös toiminnallisuuksia.

2. Kuvien optimointi

Suuret kuvat ovat yleisin syy hidasta latautumiseen. Kuvien resoluutio pitää sovittaa näyttötilan koolle. WebP- tai AVIF-formaatti pienentää tiedostokokoa 50-70%.

3. Cachetus

Sivun tulokset tallennetaan välimuistiin niin, että toistuva pyyntö ei vaadi PHP-suorituksia. Tämä auttaa, mutta on band-aid — ei ratkaise perustavanlaatuista hitautta.

4. Migraatio kevyempään pohjaan

Tämä on radikaalein mutta tehokkain ratkaisu. WordPress → Next.js voi tuoda 2-5 sekunnin parannuksen latausaikaan. Mironet tekee näitä migraatioita asiakkaille.

Mironetin lupaus

Kaikki Mironet-sivut rakennetaan Next.js-pohjalle. Lupaus on:

• LCP < 1,0 sekuntia mitatusti
• Lighthouse Performance > 95 kaikissa kategoreissa
• Mittarit kuukausittain raportilla asiakkaalle

Tämä on osa sopimusta. Jos sivun nopeus ei pysy luvattuissa rajoissa, korjaamme sen — ei se ole asiakkaan ongelma.

Yhteenveto

Verkkosivun nopeus ei ole "nice to have" -ominaisuus. Se on suora myynnin tekijä, jonka vaikutus mitataan tuhansissa euroissa kuukaudessa.

Jos sivusi LCP on yli 2,5 sekuntia, menetät asiakkaita ennen kuin he ehtivät katsoa palveluitasi. Tämä on usein matalimmalla hedelmäpuusta — paranna nopeutta ja saat välittömästi enemmän liidejä samalla markkinointibudjetilla.

Halutko keskustella siitä mitä sinun sivusi nopeus oikeasti on? Mironetin maksuton audit sisältää Lighthouse-mittarit ja kerron mitä konkreettisesti voi tehdä.