Wat is INP?
INP staat voor Interaction to Next Paint. Het meet de tijd tussen een gebruikersinteractie — een klik, tap of toetsaanslag — en het moment waarop de browser de volgende visuele verandering op het scherm toont. Sinds maart 2024 verving INP officieel First Input Delay (FID) als Core Web Vital, omdat FID alleen de eerste interactie mat en INP de responsiviteit van de hele sessie beoordeelt.
De drempelwaarden
Google hanteert drie duidelijke categorieën, gemeten op het 75e percentiel van je paginabezoeken:
| Score | Beoordeling |
|---|---|
| Onder 200ms | Goed |
| 200ms – 500ms | Matig |
| Boven 500ms | Slecht |
Waarom INP belangrijk is
INP is sinds mei 2024 een officiële Core Web Vital, naast Largest Contentful Paint (LCP) en Cumulative Layout Shift (CLS). Core Web Vitals maken deel uit van Google's bredere pagina-ervaringssignalen, die indirect meewegen in ranking. Belangrijker nog: een trage INP-score voelt bezoekers direct — een knop die traag reageert, een menu dat hapert — en dat kost conversies, los van SEO.
Hoe meet je INP?
Gebruik PageSpeed Insights of het Chrome User Experience Report (CrUX) voor veld-data van echte gebruikers — dat is leidend, niet de gesimuleerde lab-data van Lighthouse. Chrome DevTools (tabblad Performance of Performance Insights) laat je long tasks boven de 200ms visueel identificeren tijdens het testen op je eigen apparaat.
Hoe verbeter je INP?
De meeste INP-problemen zijn een JavaScript-architectuurprobleem, niet op te lossen met betere afbeeldingen of caching alleen.
- Verminder het werk op de main thread door onnodige scripts te verwijderen of uit te stellen.
- Splits lange taken op met scheduler.yield() of setTimeout(fn, 0), zodat de browser ademruimte krijgt.
- Optimaliseer event-handlers: debounce of throttle functies die vaak triggeren, zoals bij typen of scrollen.
- Gebruik requestIdleCallback voor werk dat niet direct zichtbaar hoeft te zijn.
- Lazy-load third-party scripts zoals chatwidgets en A/B-testtools, of laad ze pas na gebruikersinteractie.
Wil je weten hoe jouw site scoort op INP?
Vraag een performance-check aan →