INP ja Core Web Vitals: Miksi sivuston nopeus vaikuttaa hakutuloksiin

Lyhyesti: INP (Interaction to Next Paint) mittaa, kuinka nopeasti sivustosi reagoi käyttäjän toimintoihin — klikkauksiin, napautuksiin ja näppäimistön käyttöön. Hyvä INP-arvo on alle 200 millisekuntia. Hitaat sivut menettävät kävijöitä ja sijoittuvat heikommin Googlessa.

Mikä on INP?

INP tulee sanoista Interaction to Next Paint. Se on yksi Googlen Core Web Vitals -mittareista, jotka arvioivat sivuston käyttökokemusta.

Käytännössä INP mittaa aikaa siitä hetkestä, kun käyttäjä tekee jotain sivulla (klikkaa nappia, avaa valikon, kirjoittaa kenttään), siihen hetkeen, kun selain näyttää vastauksen ruudulla.

Jos olet joskus klikannut nappia ja joutunut odottamaan, ennen kuin mitään tapahtui — se on huono INP käytännössä.

Miksi INP on tärkeä?

1. Google käyttää sitä ranking-tekijänä

Maaliskuussa 2024 Google korvasi vanhan FID-mittarin (First Input Delay) INP:llä osana Core Web Vitals -mittaristoa. Tämä tarkoittaa, että INP vaikuttaa suoraan siihen, miten sivustosi sijoittuu hakutuloksissa.

Sivustot, joilla on hyvät Core Web Vitals -arvot, saavat pienen edun hakutuloksissa verrattuna hitaisiin sivustoihin.

2. Käyttäjät odottavat nopeutta

Tutkimusten mukaan käyttäjät odottavat sivuston reagoivan välittömästi. Jos klikkauksen ja vastauksen välillä on huomattava viive, käyttäjä turhautuu. Pahimmassa tapauksessa hän klikkaa uudelleen tai poistuu sivulta kokonaan.

Amazon on raportoinut, että jokainen 100 millisekunnin lisäviive vähentää myyntiä noin 1%. Pienyritykselle tämä voi tarkoittaa menetettyjä yhteydenottoja.

3. Mobiililaitteet kärsivät eniten

Mobiililaitteet ovat tyypillisesti hitaampia kuin pöytäkoneet. Jos sivustosi toimii hyvin tietokoneella mutta hitaasti puhelimella, INP-arvosi kärsii — ja samalla kärsii Google-näkyvyytesi.

INP:n raja-arvot

Google luokittelee INP-arvot kolmeen kategoriaan:

Tavoite: Pyri siihen, että 75% käyttäjistäsi kokee INP-arvon, joka on alle 200 millisekuntia.

Mistä INP koostuu?

INP mittaa koko vuorovaikutuksen keston, joka koostuu kolmesta osasta:

1. Syöteviive (Input Delay): Aika ennen kuin tapahtumankäsittelijät alkavat toimia. Jos selain on kiireinen muiden tehtävien kanssa, tämä viive kasvaa.
2. Käsittelyaika (Processing Time): Aika, jonka JavaScript-koodi käyttää tapahtuman käsittelyyn. Monimutkainen koodi hidastaa tätä.
3. Esitysviive (Presentation Delay): Aika, joka kuluu näytön päivittämiseen vastauksen jälkeen.

Jos mikä tahansa näistä kolmesta on hidas, koko INP kärsii.

Mikä aiheuttaa huonon INP:n?

Tyypillisimmät syyt huonoon INP-arvoon ovat:

• Raskas JavaScript: Liikaa tai huonosti optimoitua JavaScript-koodia
• Kolmannen osapuolen skriptit: Mainokset, analytiikka, chatbotit
• Suuret kuvat: Optimoimattomat kuvat hidastavat koko sivua
• Vanhentunut tekniikka: Vanha alusta tai huonosti rakennettu koodi
• Liian monta fonttia: Jokainen fontti vaatii lataamisen

Miten tarkistan sivustoni INP:n?

Google tarjoaa useita ilmaisia työkaluja INP:n mittaamiseen:

1. PageSpeed Insights

Mene osoitteeseen pagespeed.web.dev ja syötä sivustosi osoite. Saat raportin, joka näyttää Core Web Vitals -arvot mukaan lukien INP:n.

2. Google Search Console

Jos olet rekisteröinyt sivustosi Search Consoleen, löydät Core Web Vitals -raportin kohdasta "Käyttökokemus" > "Core Web Vitals". Tämä näyttää oikeiden käyttäjien kokeman suorituskyvyn.

3. Chrome DevTools

Kehittäjille Chrome-selaimen DevTools tarjoaa tarkat mittaukset Performance-välilehdellä.

Miten parantaa INP:tä?

INP:n parantaminen on usein teknistä työtä, mutta tässä yleisimmät ratkaisut:

1. Vähennä JavaScriptin määrää

Jokainen JavaScript-kirjasto hidastaa sivua. Kysy: tarvitaanko tätä oikeasti? Usein yksinkertaisempi ratkaisu toimii paremmin.

2. Optimoi kuvat

Käytä moderneja kuvaformaatteja (WebP), oikean kokoisia kuvia ja laiska lataus (lazy loading) -tekniikkaa.

3. Minimoi kolmannen osapuolen skriptit

Jokainen chat-widget, analytiikkatyökalu ja some-upotus hidastaa sivua. Käytä vain välttämättömiä.

4. Käytä nykyaikaista alustaa

Vanhat WordPress-teemat ja räätälöidyt järjestelmät voivat olla hitaita. Nykyaikaiset, kevyet ratkaisut toimivat paremmin.

INP ja pienyrittäjä

Sinun ei tarvitse ymmärtää jokaista teknistä yksityiskohtaa. Tärkeintä on tietää:

• Sivuston nopeus vaikuttaa Google-sijoituksiin
• Hidas sivu karkottaa asiakkaita
• Ammattimaisesti tehdyt sivut ovat yleensä nopeita
• Voit tarkistaa oman sivustosi nopeuden ilmaiseksi

Jos sivustosi INP on "huono" tai "tarvitsee parannusta", kannattaa keskustella ammattilaisen kanssa. Usein ongelmat ovat korjattavissa, mutta joskus vanhan sivuston uudistaminen on järkevämpi ratkaisu.

Yhteenveto

INP on Googlen tapa mitata, kuinka nopeasti sivustosi reagoi käyttäjän toimintoihin. Hyvä INP (alle 200 ms) parantaa sekä käyttökokemusta että hakukonesijoituksia.

Pienyrittäjälle tärkeintä on varmistaa, että sivusto on rakennettu ammattimaisesti ja pidetään kevyenä. Turhat lisäosat, raskaat kuvat ja vanhentunut tekniikka hidastavat sivua — ja maksavat asiakkaita.