Skip to main content

INP by bounce type

INP by bounce type without noise

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


What is INP by bounce type

INP by bounce type shows how different kinds of bounces (soft and hard) relate to Interaction to Next Paint (INP).

This lens helps you understand whether responsiveness plays a role in user exits, especially whether users who try to engage encounter frustrating delays that push them away.

What are the bounce types?

  • Soft bounce: The user interacted (e.g., clicked or scrolled) but left without visiting another page.

  • Hard bounce: The user left without interacting at all — no scroll, no click, nothing.

Only bounce types that were active and measurable during the selected period are listed.

Why it matters: If your site feels sluggish when users try to interact, especially on landing pages, it can discourage further engagement and increase bounce rates.


Healthy INP by bounce type sample


Should you worry

In a healthy view, both soft and hard bounces show green INP values — meaning interaction delays are not contributing to drop-offs.

A well-optimized site typically ensures:

  • Fast interaction feedback on first tap or click.

  • Lightweight UI components that don’t block the main thread.

  • Deferred or lazy-loaded interactivity that doesn't interfere with the initial experience.

If bounce types show good INP, it suggests users are getting a responsive experience — whether they choose to leave or stay.

Unhealthy INP by bounce type sample

When INP is poor for soft or hard bounces, interaction delays may be directly contributing to users leaving:

  • Soft bounce: Users interacted but left soon after. High INP here suggests friction during interaction — e.g., a slow button press, delayed form input, or janky animations.

  • Hard bounce: No interaction before leaving. High INP in this case might indicate input readiness was so delayed users never got a chance to act.

This is often caused by:

  • JavaScript-heavy pages or single-page apps with blocking scripts.

  • UI elements (modals, dropdowns) that are slow to respond.

  • Delayed hydration or poor handling of interactivity on initial load.

If specific bounce types show yellow or red INP, it’s a sign that improving responsiveness could directly improve user retention.

Resolving unhealthy INP by bounce type

Go-to action plan to resolve an unhealthy INP by bounce type:

  1. Ask Uxi to analyze your INP by bounce type values and suggest improvements.

  2. Use Filters to isolate high-INP pages with soft or hard bounces.

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

  4. Use an automated INP optimization tool like INProve to improve your INP by bounce type 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?