INP (Interaction to Next Paint) måler forsinkelsen mellem en brugerinteraktion (klik, tap eller tastetryk) og den næste visuelle opdatering, browseren maler. Metrikken rapporterer den langsomste observerede interaktion på en side, så et enkelt langsomt klik kan dominere scoren. INP erstattede FID som Core Web Vital i marts 2024. En god score er 200 ms eller derunder; over 500 ms betragtes som dårligt.
Hvorfor det er vigtigt
INP fanger den oplevede responsivitet af et site, efter det er indlæst — netop de øjeblikke, hvor brugeren afgør, om siden fungerer. Langsomme interaktioner skyldes typisk lange JavaScript-tasks, der blokerer main thread, layout thrash eller tunge event handlers. Fordi metrikken er field-baseret, dukker en regression ofte op, før nogen klage når support.
Sådan fikser du det
- Opdel lange tasks (>50 ms) i mindre bidder med
scheduler.yield()ellersetTimeout. - Defer ikke-kritiske scripts og fjern ubrugt JavaScript for at reducere main thread-belastningen.
- Undgå synkront arbejde i
click-,input- ogkeydown-handlers; flyt tungt arbejde tilrequestIdleCallbackeller en Web Worker. - Brug passive event listeners til scroll- og touch-events, så browseren kan male hurtigere.
- Hold øje med TBT i lab og RUM-data i field for at fange regressioner.
- Web.dev vedligeholder de kanoniske grænseværdier i sin INP-guide.