What is INP by page zoom
INP by page zoom shows how Interaction to Next Paint (INP) is affected by the browser’s zoom level at the time of the interaction. This lens helps you understand how changes in page scale influence responsiveness and input delay — especially important for accessibility and usability.
Only zoom levels that occurred during the selected timeframe are shown.
Healthy INP by page zoom sample
Should you worry
In a healthy view:
Interaction responsiveness remains consistent across zoom levels
All common zoom states show mostly green INP values
Touch and click interactions respond quickly, even when elements are scaled
This suggests your site is:
Visually stable and layout-aware across zoom levels
Using responsive sizing and spacing that doesn’t compromise hit targets or reactivity
Not overloading the main thread with unnecessary recalculations on zoom
Zoom should enhance accessibility, not hurt performance.
Unhealthy INP by page zoom sample
If zoomed-in users have worse INP:
Tap/click targets may be oversized or misaligned, triggering complex DOM events
Layout shifts caused by zoom might create jittery or miscalculated input zones
Heavier components may become more interactive at zoomed levels, exposing performance gaps
If zoomed-out users struggle, it may indicate:
Too much content is being compressed, forcing additional script execution for menus, tooltips, or overlays
INP elements like buttons or tabs may be more compact and less responsive due to style overrides at smaller zoom scales
Resolving unhealthy INP by page zoom
Go-to action plan to resolve an unhealthy INP by page zoom:
Ask Uxi to analyze your INP by page zoom values and suggest improvements.
Use Filters to isolate zoom levels with poor interaction performance.
Simulate INP of the suspected lens to see if fixing it will resolve the INP by page zoom. If yes, this is where the resolution focus should be.
Use an automated INP optimization tool like INProve to improve your INP by page zoom values.
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.