⚠️ Issue: poor_inp
Poor INP (Interaction to Next Paint) Test Page
This page has blocking JavaScript that creates slow interactions to trigger the poor_inp issue.
INP measures how quickly a page responds to user interactions. Good INP is 200ms or less.
Try Interacting:
Clicks: 0
This button intentionally blocks for 500ms on each click to simulate poor INP.
What's wrong?
- Heavy JavaScript execution blocks the main thread
- Button takes >200ms to respond to clicks
- No web workers used for heavy computations
- Long tasks aren't broken up
- INP likely exceeds 200ms threshold
Expected Detection:
Severity: Warning
Threshold: > 200ms
Code location: apps/worker/src/performance/web-vitals.ts:64-82
Note: INP requires real user interactions, so automated crawls may not always detect this issue. The crawler uses first-input as a proxy.
How to Fix:
- Optimize JavaScript execution
- Break up long tasks into smaller chunks
- Use web workers for heavy computations
- Defer non-critical JavaScript
- Reduce input delay with requestIdleCallback
- Optimize event handlers
INP Thresholds:
- Good: ≤ 200ms
- Needs Improvement: 200-500ms
- Poor: > 500ms