INP
Interaction to Next Paint
Measures the time from when a user interacts with a page to when the browser renders the visual response to that interaction.Learn more
- 1Interaction Start
Measurement begins when user initiates interaction (click, tap, key press)
- 2Event Processing
Browser processes event handlers, JavaScript execution, DOM updates
- 3Next Paint
Browser renders visual response, updating display with new content
- 4INP Calculation
Reports longest interaction latency (or 98th percentile for many interactions)
INP measures responsiveness: Click, tap, and keyboard interactions are monitored throughout the page visit.
Click the button to progressively increase response time. Each click adds 100ms delay (100ms, 200ms, 300ms...) to demonstrate how INP tracks the largest interaction delays.
Poor INP makes interfaces feel sluggish and unresponsive. Each progressive click demonstrates how longer delays impact user experience, with INP tracking the worst interaction.
Note: Your browser may freeze temporarily as delays increase. This demonstrates how blocking JavaScript affects user experience and why INP measures the largest delay.