Skip to main content

INP by scroll behavior

INP by scroll behavior without noise

Vasil Dachev avatar
Written by Vasil Dachev
Updated over 2 weeks ago


What is INP by scroll behavior

INP by scroll behavior shows how Interaction to Next Paint (INP) differs based on whether a page was loaded fresh, had scrollable content, or was restored with a previous scroll position (e.g., using the browser’s back button).

This lens helps identify whether interaction responsiveness suffers during back/forward navigations, or when the page has significant scrollable content.


Healthy INP by scroll behavior sample


Should you worry

A healthy INP by scroll behavior distribution looks like this:

  • INP is fast across all scroll states — including when restoring previous scroll positions

  • Scroll-heavy pages don’t degrade responsiveness

  • Back and forward navigations are just as snappy as new page loads

This indicates your scripts, layout rehydration, and event listeners are resilient — even when dealing with browser-managed scroll restoration.

Unhealthy INP by scroll behavior sample

If INP is worse for Scrollable, Scrolled pages, it's often due to:

  • Slow hydration or event binding after a back-navigation

  • Input handlers delayed by excessive DOM complexity below-the-fold

  • Heavy JS on scrollable views, affecting interactivity after restoration

  • Scroll anchoring conflicts that interfere with timely paint after interaction

This affects return visitors or power users who rely on history-based browsing — a segment you don’t want to frustrate.

Resolving unhealthy INP by scroll behavior

Go-to action plan to resolve an unhealthy INP by scroll behavior:

  1. Ask Uxi to analyze your INP by scroll behavior values and suggest improvements.

  2. Use Filters to isolate the problematic state and pinpoint specific templates or paths.

  3. Simulate INP of the suspected lens to see if fixing it will resolve the INP by scroll behavior. If yes, this is where the resolution focus should be.

  4. Use an automated INP optimization tool like INProve to improve your INP by scroll behavior values.

  5. Once you’ve improved INP, set an alert to be the first to know if it starts worsening again.

Try it yourself

Discover how your website performs with real user data.

Did this answer your question?