Interaction to Next Paint (INP) meet hoe snel een webpagina zichtbaar reageert wanneer je ermee werkt. Klik op een knop, tik op een menu of typ in een veld: INP registreert de tijd tussen die actie en het eerstvolgende moment dat het scherm echt verandert. Een laag getal betekent dat de pagina meteen aanvoelt; een hoog getal betekent dat het traag aanvoelt.
Stel je voor dat je een lichtschakelaar omzet en een halve seconde wacht voordat de lamp aangaat. Het licht werkt, maar die pauze voelt kapot. INP vangt precies dat gat op een website, bij elke interactie tijdens een bezoek, en rapporteert de ergste, zodat je ziet wat echte gebruikers voelen. Het is een van de drie Core Web Vitals en verving in 2024 de oudere First Input Delay, omdat FID alleen de eerste klik bekeek.
De gebruikelijke boosdoener achter een slechte INP is te veel JavaScript die tegelijk op de main thread draait. Een browser kan op die thread maar één ding tegelijk doen, dus als een JavaScript library hem bezet houdt, stapelen kliks zich op in een wachtrij en hapert het scherm tot de rij is weggewerkt. Code opsplitsen in kleinere stukken, minder werk per interactie doen en niet-urgente scripts uitstellen helpen allemaal. Google haalt INP uit echte bezoeken via het Chrome User Experience Report, dus het weerspiegelt echte telefoons en laptops, niet een snelle testmachine. Een pagina kan prima voelen op de MacBook van een ontwikkelaar en slecht scoren voor iemand op een Android uit het middensegment. Omdat het bij de familie van pagina-ervaringssignalen rond Largest Contentful Paint hoort, kan een slechte INP je ranking stilletjes tegenhouden, ook als de rest van de site er gezond uitziet.
Bij TopDevs zien we INP als een echt kwaliteitssignaal voor je product, geen ijdel cijfer, en stemmen we interacties af tot een pagina reageert op het moment dat iemand hem aanraakt.
