What is INP by navigation method
INP by navigation method tracks Interaction to Next Paint (INP) based on how users enter a page — either through a Hard navigation or a Soft navigation. This lens highlights whether specific navigation types lead to slower or less responsive user interactions.
Only navigation methods present in the selected timeframe are shown.
Navigation method | Description |
Hard navigation | A full page load triggered by entering the site or refreshing the page. |
Soft navigation | A partial load caused by in-site transitions (e.g. via a JavaScript router) |
Healthy INP by navigation method sample
Should you worry
A healthy chart shows green INP values across both navigation types. That means:
User interactions feel snappy whether they arrive fresh or navigate internally.
JavaScript execution is efficient during soft navigations.
Hydration and event binding are optimized.
Green across the board is a sign of a smooth UX, regardless of how users get around.
Unhealthy INP by navigation method sample
When soft navigations show worse INP, it often points to:
Delayed hydration or slow JavaScript initialization.
Inefficient client-side routing or handlers.
Long tasks blocking the main thread during transitions.
If hard navigations have worse INP, you might be seeing:
Cold starts causing event handlers to attach late.
Critical interactivity scripts loading too slowly.
This lens is key to understanding if interaction lag comes from how users arrived on the page — not just what they did after.
Resolving unhealthy INP by navigation method
Go-to action plan to resolve an unhealthy INP by navigation method:
Ask Uxi to analyze your INP by navigation method values and suggest improvements.
Use Filters to isolate which layouts or entry points correlate with slow INP for each nav type.
Simulate INP of the suspected lens to see if fixing it will resolve the INP by navigation method. If yes, this is where the resolution focus should be.
Use an automated INP optimization tool like INProve to improve your INP by navigation method 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.