Interaction To Next Paint (INP): kaikki, mitä sinun pitää tietää

Mitä Googlen uusin Core Web Vital -mittari kertoo ja mikä on hyvä INP-luku?.. ja mitä INP edes tarkoittaa?

Google muuttaa parhaillaan Core Web Vitals -määreitä ja on lisännyt kaksi uutta mittaria, jotka ovat:

  • TTFB (Time to First Byte)
  • INP (Interaction To Next Paint)

Tätä TTFB tarkoittaa

TTFB puolestaan mittaa sen ajan, jonka palvelin käyttää ensimmäisen tavun siirtämiseen.

Jälkimmäisestä on kuhistu jo tovin, ja se onkin yksi lähitulevaisuuden tärkeimmistä haltuun otettavista toimenpiteistä.

Tätä INP tarkoittaa

INP mittaa sivun yleistä vuorovaikutuksen viivettä. Se siis ilmaisee, kuinka kauan käyttäjän on odotettava päästäkseen vuorovaikutukseen sivun sisältöjen kanssa.

Kuten Core Web Vitalsin tuntevat tietävät, INP on suora vastakohta First Input Delaylle; kun FID mittaa pelkästään ensimmäistä mahdollista vuorovaikutusta sivun kanssa, INP mittaa koko sivun vuorovaikutusta sekä sitä, kauanko sen toteutuminen kestää.

INP koskee ainakin seuraavia vuorovaikutuksia:

  • Minkä tahansa interaktiivisen elementin (esim. button) napsautus hiirellä
  • Minkä tahansa interaktiivisen elementin napsautus millä tahansa päätelaitteella, jossa on kosketusnäyttö
  • Kosketusnäytön tai näppäimistön näppäimen painallusta
  • Keyup- ja keydown-komentoja (jQuery)

Jokaisella interaktiolla on kolme vaihetta:

  • esitysaika
  • käsittelyaika
  • syöttöviive

Ja näiden yhteisaikaa INP mittaa.

Mikä sitten on hyvä INP-luku? Googlen mukaan hyvä INP-arvo on noin 200 millisekuntia tai vähemmän:

  • An INP below or at 200 milliseconds means that your page has good responsiveness.
  • An INP above 200 milliseconds and below or at 500 milliseconds means that your page’s responsiveness needs improvement.
  • An INP above 500 milliseconds means that your page has poor responsiveness.

Google kuitenkin huomauttaa, että se vielä testaa INP:n toiminnallisuuksia, joten luvut saattavat vielä (hyvin todennäköisesti) muuttua.

Huomioimalla nämä seikat edesautat sivustosi laadukkuutta ja parannat samalla sivuston nopeutta:

  • minimoi ladattavat fontit (tiedän, harmillista)
  • minimoi lisäosien määrä, jotta ne eivät hidasta sivustoa (aargh)
  • minimoi ylimääräiset (käyttämättömät) mainosnäyttöjen lisäosat
  • minimoi käyttämätön JavaScript
  • varmista, että kuvat on pakattu web-muotoon

Se tulee kuitenkin muistaa, etteivät nämä toimenpiteet yksinään takaa hyvää INP-lukua. Nähtäväksi jää, miten mittausmalli kehittyy ja millaisia muutoksia oman sivuston analytiikassa ilmenee.

Seurataan siis tilannetta!