Performance

INP (Interaction to Next Paint)

A Core Web Vital that assesses a page's overall responsiveness to user interactions.

Interaction to Next Paint (INP) measures how quickly your website responds after a user interacts with it (e.g., clicks a button, taps a menu, or presses a key). It replaced FID (First Input Delay) as a key metric in 2024.

The “Frozen” Screen

If you click a “Menu” button and nothing happens for 0.5 seconds, the site feels broken. That delay is the INP.

Optimizing INP

  • Reduce heavy JavaScript execution.
  • Break up long tasks on the main thread.
  • Avoid complex layouts that require massive recalculations on every click.
Umami Image