Terug naar begrippenlijst
Interaction to Next Paint (INP)
Interaction to Next Paint, oftewel INP, is een cruciale meetwaarde waarmee Google de daadwerkelijke reactiesnelheid van een website onder de loep neemt. Waar andere statistieken vooral kijken naar hoe snel de pagina voor het eerst in beeld verschijnt, richt INP zich op wat er gebeurt áls de bezoeker eenmaal op de site bezig is. Het meet de tijd die verstrijkt tussen een actie van de gebruiker (zoals het klikken op een knop, het openen van een menu of het aantikken van een product) en het moment dat de browser de allereerste visuele verandering op het scherm toont. Het is de graadmeter voor hoe alert en soepel je website aanvoelt.
Inhoudsopgave
Geen vertraging op de lijn
Iedereen kent de frustratie wel: je klikt op een “Voeg toe aan winkelwagen”-knop en er gebeurt een seconde lang helemaal niets. Je vraagt je af of de klik wel is geregistreerd, dus klik je nog maar een paar keer. Pas daarna springt de teller op het winkelmandje omhoog. Dit haperen is precies wat INP meet en probeert te voorkomen. Een website met een goede INP-score reageert onmiddellijk met een visuele bevestiging (zoals een laad-icoontje of een kleurverandering van de knop), zodat de gebruiker weet dat de site aan het werk is.
De complete reis van een klik
Het unieke aan INP is dat het niet naar één enkele klik kijkt, maar naar bijna alle interacties die een bezoeker tijdens zijn hele bezoek op de pagina doet. De langste vertraging die tijdens dat bezoek wordt gemeten, bepaalt uiteindelijk de INP-score van die pagina. Google kijkt hierbij naar de totale keten van de interactie: de tijd die de browser nodig heeft om het script te starten, de tijd die het script zelf kost om te draaien, en de tijd die nodig is om het resultaat op het scherm te tekenen. Als er ergens in die keten een kink in de kabel zit, schiet je INP-score omhoog.
Ruimte maken op de digitale snelweg
De grootste veroorzaker van een slechte INP-score is een overdaad aan JavaScript die de browser blokkeert. Terwijl de browser nog druk bezig is met het verwerken van zware marketingtrackers of complexe lay-outberekeningen, komt de klik van de gebruiker op de wachtlijst te staan. Je verbetert je INP door deze digitale snelweg vrij te maken. Dit doe je bijvoorbeeld door code op te splitsen in kleinere stukjes, onnodige scripts van derden te verwijderen, of de browser direct een visuele ‘feedback’ te laten tonen nog voordat het zware rekenwerk op de achtergrond volledig is afgerond.
De officiële proef voor SEO
Sinds INP de oude metric FID (First Input Delay) officieel heeft vervangen binnen Google’s Core Web Vitals, is het een wezenlijk onderdeel van je SEO-strategie. Google stelt de gebruikerservaring centraal: een site die traag reageert op de input van een bezoeker, wordt onherroepelijk lager ingeschaald in de zoekresultaten. Door te zorgen voor een INP-score van minder dan 200 milliseconden, sla je een dubbelslag. Je houdt je bezoekers tevreden omdat de site heerlijk direct reageert, en je claimt een streepje voor bij de algoritmes van de zoekmachine.
Veelgestelde vragen
Google hanteert duidelijke grenzen voor de INP-score. Een reactietijd van 200 milliseconden of sneller is ‘Goed’. Tussen de 200 en 500 milliseconden is er ‘Verbetering noodzakelijk’, en elke score boven de 500 milliseconden wordt bestempeld als ‘Slecht’.
INP meet interacties die worden getriggerd door muisklikken, tikken op een touchscreen en het indrukken van toetsen op het toetsenbord. Het scrollen door een pagina of het in- en uitzoomen wordt door deze specifieke metric niet meegerekend.
FID mat alleen de allereerste interactie van een bezoeker op een pagina en keek puur naar de vertraging voordat het script begon te draaien. INP is veel grondiger: het kijkt naar alle interacties gedurende het hele paginabezoek en meet de totale tijd totdat er daadwerkelijk iets verandert op het scherm.
Omdat INP sterk afhankelijk is van de rekenkracht van het apparaat van de bezoeker. Een desktop met een snelle processor kan zware scripts moeiteloos verwerken, terwijl een wat oudere smartphone via een mobiel netwerk veel langer over diezelfde berekeningen doet. Optimaliseer je site daarom altijd met het oog op mobiele gebruikers.
Stan Classens Front-end developer
Gerelateerde begrippen
- 301 redirect
- 7S-model
- Contextgevoelige navigatie
- CSS Grid Layout
- Docker
- Doelgroep
- Font stack
- GitHub
- GreenSock Animation Platform
- Herindexeren
- Independent Test Group
- Laadtijd
- Leesmodus
- Link farm
- Mirror site
- Navigatiestructuur
- One-page checkout
- Paginaweergave
- Product Landing Page
- Productbeschikbaarheid
- Technische SEO
- User Interface Experience
- Web-based
- Winkelmandje
