GRP Digital

Interaction to Next Paint (INP): zo zorg je dat je site snel aanvoelt

Technische SEO

Meter met de INP-drempelwaarden: goed onder 200 ms, kan beter tot 500 ms, slecht daarboven

Je klikt op een knop en er gebeurt heel even niets. Een halve seconde later springt het menu pas open. Dat ongemakkelijke momentje is precies wat INP meet. Interaction to Next Paint is sinds maart 2024 een van de drie Core Web Vitals van Google, en het meet hoe snel je site reageert op wat je bezoeker doet.

Even nuchter blijven: INP is geen knop waarmee je hoger in Google komt. Het is een meetlat voor gebruikerservaring. Maar een trage, hortende site kost je wel bezoekers, en daarmee omzet en zichtbaarheid. Genoeg reden om te snappen hoe het werkt.

Meter met de INP-drempelwaarden: goed onder 200 ms, kan beter tot 500 ms, slecht daarboven

Wat INP precies meet

INP kijkt naar de tijd tussen een interactie (een klik, een tik op je scherm, een toetsaanslag) en het moment dat het scherm daar zichtbaar op reageert. Die vertraging valt uiteen in drie stukken:

  • Input delay: de tijd voordat de browser aan jouw klik begint, vaak omdat hij nog met iets anders bezig is.
  • Processing: de tijd die de code (meestal JavaScript) nodig heeft om de klik te verwerken.
  • Presentation delay: de tijd tot het nieuwe beeld daadwerkelijk op je scherm verschijnt.

Belangrijk: INP pakt niet één klik, maar kijkt naar zo ongeveer de traagste interactie tijdens het hele bezoek. Eén keer flink haperen valt dus op.

De drempelwaarden: blijf onder de 200 milliseconden

Google hanteert drie zones, gemeten over de 75% snelste echte bezoekers:

  • Goed: 200 milliseconden of sneller.
  • Kan beter: tussen 200 en 500 milliseconden.
  • Slecht: boven de 500 milliseconden.

Het gaat dus om echte bezoekers (veldsdata), niet om een testje op je eigen machine. Dat verschil is groot, want je eigen snelle laptop met glasvezel zegt weinig over de telefoon van je klant in de trein. Deze drempels komen rechtstreeks uit Google’s eigen documentatie op web.dev.

INP verving FID, en is strenger

INP is de opvolger van First Input Delay (FID). FID keek alleen naar de allereerste interactie en alleen naar dat eerste stukje, de input delay. INP kijkt naar alle interacties tijdens het bezoek en naar de volledige vertraging, inclusief de verwerking en het tekenen van het beeld. Kortom: strenger en eerlijker. Sites die op FID netjes groen stonden, kunnen op INP zomaar oranje of rood kleuren.

Hoe meet je INP?

Er zijn twee soorten data. Veldsdata komt van je echte bezoekers en telt mee voor Google. Labdata komt uit een testtool, is handig om snel te debuggen, maar telt niet mee. Mijn advies: gebruik allebei, in deze volgorde.

  • Het Core Web Vitals-rapport in Google Search Console laat per groep pagina’s zien of je INP goed, matig of slecht is. Begin hier, dit is je echte data.
  • PageSpeed Insights toont bovenaan de veldsdata van je pagina en eronder een labtest met concrete verbeterpunten.
  • Chrome DevTools (tabblad Performance) en de Web Vitals-extensie laten je live een interactie opnemen en zien waar de milliseconden heen gaan.

Gebruik Search Console en PageSpeed Insights om te zien of je een probleem hebt, en pak DevTools erbij om te zien waar het zit.

Het Core Web Vitals-rapport in Search Console toont 2.633 mobiele URLs met een INP langer dan 200 milliseconden
Het Core Web Vitals-rapport in Search Console: hier zie je in een oogopslag dat 2.633 mobiele URL’s een INP boven de 200 milliseconden hebben. Precies de groep waar je wilt beginnen.

Hoe verbeter je je INP?

Bijna altijd is de boosdoener JavaScript dat te lang de hoofd-thread bezet houdt, oftewel: de browser is zo druk met code dat hij even niet naar je bezoeker luistert. Een paar concrete richtingen:

  • Knip lange taken op in kleine stukjes, zodat de browser er tussendoor een klik doorheen kan laten.
  • Voer minder en lichter JavaScript uit. Third-party scripts (chat-widgets, trackers, A/B-tools) zijn vaak de zwaarste.
  • Doe zwaar werk pas nadat het beeld is getekend, niet ervoor.
  • Geef altijd een directe, zichtbare reactie (een knop die indrukt, een spinner), ook als het echte werk nog even duurt.

Snelheid is geen score die je voor Google haalt. Het is wat je bezoeker voelt in de halve seconde voordat hij afhaakt.

Giacomo Perticara, oprichter en SEO-strateeg bij GRP Digital

Begin klein: kijk in Search Console of INP überhaupt een probleem is. Staat het groen, mooi, dan is je energie elders beter besteed. Staat het oranje of rood, dan weet je nu waar je moet zoeken: bij het JavaScript dat je bezoeker laat wachten. En dat is precies waar techniek en gebruikerservaring samenkomen, net als bij de vraag of Google je site wel goed kan renderen.

Author :

More to explorer

Ready to get started?

Want monthly updates on digital growth, SEO trends, and strategic marketing insights?