INP Debugger
Identifying and removing bottlenecks in interactivity
How it works




Advantages
Accurate INP analysis
Measure response times to user actions including clicks, keystrokes, and taps to identify lags in interactivity.
Identifying performance bottlenecks
Identifying elements and processes that cause delays, such as long JavaScript execution, complex styles, or excessive DOM changes.
Recommendations for optimisation
Providing specific advice on how to improve INP, including code minimisation, rendering optimisation and the use of asynchronous downloads.
Improving user experience and SEO
Improving site responsiveness promotes a better user experience and can positively impact search engine rankings.
Tools
Speed scanner
Check webvitals and field ux metrics for free
Speed scannerResource Hints validation
Relations of dns-prefetch, preconnect, prefetch, and prerender
Resource Hints validationINP Debugger
Realtime check for interaction to next paint
INP DebuggerTest back / forward cache
Memory leaks