Wat is INP?
INP staat voor Interaction to Next Paint. Het meet de responsiviteit van je pagina: hoe lang duurt het tussen het moment dat een bezoeker iets doet (een klik, een tik, een toetsaanslag) en het moment dat de pagina zichtbaar reageert door iets op het scherm te veranderen? Dat laatste heet de "next paint".
In simpele taal: INP meet of je site snappy aanvoelt of hakkelig. Klik je op een menu en klapt het meteen open? Lage INP. Klik je op een knop en gebeurt er pas na een halve seconde iets? Hoge INP, en dat voelt traag.
INP kijkt naar alle interacties tijdens een bezoek en rapporteert (bijna) de traagste. Dat is streng met opzet: één keer een merkbare vertraging is genoeg om een pagina als traag te ervaren. Het is een van de drie Core Web Vitals, naast LCP (laadsnelheid) en CLS (visuele stabiliteit).
INP verving FID in maart 2024
Tot maart 2024 was de responsiviteits-metric FID (First Input Delay). FID mat alleen de vertraging van de éérste interactie, en alleen het begin daarvan: hoe lang voordat de browser begon te reageren. Dat was een beperkte meting.
INP is een stuk eerlijker. Het meet niet alleen de eerste interactie maar alle interacties gedurende het hele bezoek. En het meet niet alleen de vertraging aan het begin, maar de volledige tijd totdat je daadwerkelijk iets ziet veranderen op het scherm. Daardoor vangt INP problemen die FID compleet miste.
Het gevolg: sites die op FID een groene score hadden, kunnen op INP tegenvallen. Vooral WordPress-sites met veel plugins die na de eerste klik zwaar JavaScript uitvoeren, zakken soms door de ondergrens. Als je site vroeger "prima" scoorde, is het de moeite waard om INP opnieuw te checken.
Wat zijn goede INP-waarden?
Google hanteert drie duidelijke drempels. Ze gelden voor het 75e percentiel van je bezoekers, dus de meting is pas groen als driekwart van je bezoeken de norm haalt.
- Goed: onder 200 milliseconde. De site reageert direct, dit is het doel.
- Verbetering nodig: 200 tot 500 milliseconde. Merkbaar, maar niet dramatisch. Hier valt winst te halen.
- Slecht: boven 500 milliseconde. De site voelt traag en hakkelig aan, bezoekers haken af.
- Meet op mobiel: net als bij mobile-first indexing beoordeelt Google de mobiele versie, waar processors trager zijn en INP-problemen eerder opduiken.
Waarom INP hoog wordt op WordPress
INP-problemen ontstaan vrijwel altijd door JavaScript dat de "main thread" van de browser bezet houdt. Simpel gezegd: de browser kan maar één ding tegelijk. Als er zwaar script draait, moet je klik in de rij wachten tot dat script klaar is. Die wachttijd is je INP.
Te veel plugins
Elke plugin die JavaScript laadt, voegt werk toe aan de main thread. Sliders, pop-ups, chatwidgets, social feeds: ze stapelen op. Een WordPress-site met 30 actieve plugins heeft vaak een INP-probleem dat je met minder plugins simpelweg niet zou hebben.
Zware trackers en tag managers
Google Tag Manager met tientallen tags, meerdere pixels en analytics-scripts kunnen de main thread flink belasten. Hoe meer je in GTM laadt, hoe meer werk er bij elke interactie tussenkomt.
Ongeoptimaliseerd thema of pagebuilder
Sommige pagebuilders genereren veel meer JavaScript dan nodig. Dat werk moet bij elke klik verwerkt worden. Een licht, goed opgebouwd thema scoort hier standaard beter.
Zo verlaag je je INP
De rode draad is: minder en slimmer JavaScript. Je hoeft geen programmeur te zijn om de grootste winsten te pakken. Deze aanpassingen leveren op WordPress meestal het meeste op.
- Ruim plugins op: verwijder alles wat je niet actief gebruikt. Elke plugin minder is minder script.
- Stel je cache-plugin goed in: LiteSpeed Cache kan JavaScript uitstellen en samenvoegen, zodat script pas laadt wanneer het nodig is.
- Laad script uitgesteld (defer): scripts die niet meteen nodig zijn, hoeven de eerste interacties niet te blokkeren.
- Beperk je trackers: laad alleen de tags die je echt gebruikt en analyseert. Ongebruikte pixels weg.
- Kies een lichte pagebuilder en thema: minder gegenereerd script betekent structureel lagere INP.
- Overweg snelle hosting: op onze LiteSpeed-hosting helpt server-side caching en optimalisatie om de browser minder werk te geven.
Hoe meet je INP?
Er zijn twee soorten meting, en het verschil is belangrijk. Lab-data is een test in gecontroleerde omstandigheden. Veld-data (CrUX) is wat echte bezoekers ervaren. Voor INP is veld-data leidend, want INP gaat over echte interacties.
In PageSpeed Insights zie je bovenaan de veld-data (als je site genoeg bezoekers heeft): daar staat je echte INP-score. In Google Search Console vind je onder Core Web Vitals een rapport dat pagina's groepeert op INP-prestatie, gebaseerd op echte bezoekersdata.
Voor het debuggen zelf gebruik je de Chrome DevTools of de Web Vitals-extensie: die laten zien welke interactie de hoogste INP veroorzaakt en welk script daarachter zit. Zo weet je precies waar je moet ingrijpen in plaats van blind te optimaliseren.
Rekenvoorbeeld: wat trage interacties kosten
Neem een webshop met 5.000 mobiele bezoekers per maand. De site heeft een INP van 450 ms: technisch nog net geen "slecht", maar merkbaar hakkelig bij het openen van filters en het toevoegen aan de winkelwagen.
Uit gebruikersonderzoek blijkt telkens: hoe hakkeliger de interactie, hoe hoger de afhaakkans, vooral bij de cruciale stappen richting aankoop. Stel de conversieratio staat op 2 procent, dat zijn 100 aankopen per maand.
Verbetering: door plugins op te ruimen en script uit te stellen zakt INP naar 150 ms. De interacties voelen direct aan. Een conservatieve schatting is 5 tot 10 procent minder afhakers bij de belangrijke stappen.
Effect: 100 aankopen wordt bij 8 procent verbetering 108 aankopen. Bij een gemiddelde orderwaarde van 60 euro is dat bijna 500 euro extra omzet per maand, puur doordat de site sneller reageert. En de betere INP-score helpt tegelijk je ranking.
INP in perspectief
Het is verleidelijk om je blind te staren op één cijfer, maar INP is er één van drie. LCP gaat over hoe snel je hoofdinhoud verschijnt, CLS over of de pagina niet verspringt tijdens het laden, en INP over hoe vlot de site reageert op interactie.
INP straft precies wat gebruikers het meest irriteert: klikken en dan wachten. Een site die direct reageert op elke tik voelt professioneel, en dat vertaalt zich in zowel ranking als conversie.