SEO Glossary

Interaction to Next Paint (INP)

INP vs. FID — the difference

FID only measured the first interaction and only the input-delay component. INP, by contrast, looks at all interactions and measures the entire processing chain: input delay + processing time + presentation delay. This makes INP more meaningful for real user experiences — a page that responds quickly to the first click but stutters on the third is rated well by FID, but not by INP.

What a good INP value is

The Google thresholds: < 200 ms = good, 200–500 ms = needs improvement, > 500 ms = poor. What counts is the 75th percentile value (p75) — the value that 75% of all users experience. A single upward outlier does not spoil the score, but consistently poor values do. INP is calculated from CrUX field data, not from lab tests.

Causes of a high INP

The most common causes: long JavaScript tasks (> 50 ms) that block the main thread; complex event handlers that trigger synchronous DOM updates; too many layout-thrashing operations; large rendering updates after user input. Single-page apps with client-side routing are particularly vulnerable because they often rebuild the entire DOM tree.

Optimization: INP below 200 ms

Break long tasks into smaller chunks (e.g., with `scheduler.postTask()` or `setTimeout`). Avoid layout thrashing — read and write DOM properties in separate phases. Use `requestAnimationFrame` for visual updates. For React apps: rely on concurrent rendering (React 18+), avoid unnecessary re-renders via `React.memo`, and delegate events instead of binding them to every list item.

Measurement tools

The Chrome User Experience Report (CrUX), the Web Vitals report in Search Console, the web-vitals JavaScript library, and the mekyn DACH CWV Tracker show real INP data. Lighthouse and PageSpeed Insights only show INP as a lab value (TBT as a proxy) — that is a hint, but not the real INP.

At a glance

  • Introduced: March 2024 as the FID replacement
  • Google threshold: INP < 200 ms (p75)
  • Measures all interactions, not just the first
  • Especially critical for SPAs with long JS tasks

Frequently asked questions about Interaction to Next Paint (INP)

What is INP?

You can find a detailed answer in the explanation above. For practical application, we recommend our tools.

What is a good INP value?

You can find a detailed answer in the explanation above. For practical application, we recommend our tools.

INP vs. FID — what is the difference?

You can find a detailed answer in the explanation above. For practical application, we recommend our tools.

Further Resources

Ready for better rankings?

Start with a free SEO check — see your score in 60 seconds.

  • No credit card
  • GDPR-compliant
  • EU hosting