Interaction to Next Paint (INP)

Interaction to Next Paint (INP) is een Core Web Vital die meet hoe snel een pagina zichtbaar reageert op wat een bezoeker doet. Het gaat om klikken met de muis, tikken op een touchscreen en toetsaanslagen. INP kijkt naar alle interacties tijdens een bezoek en rapporteert de traagste, op uitschieters na.

Zweven met de muis, scrollen en zoomen tellen niet mee.

De drempels

Volgens web.dev beoordeel je INP op het 75e percentiel van echte paginabezoeken, apart voor mobiel en desktop:

INP verving op 12 maart 2024 de oudere meting First Input Delay (FID) als Core Web Vital.

Een voorbeeld

Een voorbeeld: een Antwerpse installateur heeft een offerteformulier met een keuzemenu voor het type warmtepomp. Na elke keuze laadt de pagina drie trackingscripts en een chatwidget.

Op een goedkope smartphone duurt het dan bijna een seconde voor het menu dicht gaat. De bezoeker tikt opnieuw, denkt dat het formulier stuk is en haakt af.

Dat is precies wat een slechte INP-score meet.

Waarom het telt voor SEO en GEO

INP is een van de drie Core Web Vitals die Google meeneemt in de paginabeleving. Inhoud en relevantie wegen zwaarder, maar bij gelijkwaardige pagina’s telt de ervaring mee.

Het grootste effect zit meestal in conversie. Een formulier of knop die niet reageert, kost aanvragen.

Een interactie bestaat uit drie delen:

Waar de tijd van een interactie naartoe gaat

1. 01InvoervertragingDe browser is nog bezig en start de code voor de klik pas later
2. 02VerwerkingDe code die aan de klik hangt, wordt uitgevoerd
3. 03WeergaveDe browser tekent het volgende beeld op het scherm

Hoe pak je het aan

1. Bekijk het rapport Core Web Vitals in Search Console voor echte gebruikersdata.
2. Zoek met PageSpeed Insights of Chrome DevTools welke interacties traag zijn.
3. Beperk zware JavaScript, zoals trackers, chatwidgets en plug-ins die de browser blokkeren.
4. Splits lange taken op, zodat de browser tussendoor kan reageren.
5. Toon meteen visuele feedback na een klik, ook als de rest nog laadt.

Sites die vooral HTML vanop de server leveren, zoals bij server-side rendering, hebben vaak minder last van trage interacties.

Een snelle site die direct reageert? Zie website laten maken in Astro.

Veelgestelde vragen

Waarom zie ik geen INP-score voor mijn pagina?

INP heeft echte interacties van echte bezoekers nodig. Pagina’s met weinig verkeer hebben vaak te weinig data in het Chrome-rapport. Een labotest zoals Lighthouse meet INP niet rechtstreeks.