| Change | INP before | INP after | Net improvement |
|---|---|---|---|
| Upgrading React from 17 to 18 | ~460 ms | ~320 ms | -140 ms |
| Virtualizing a long list | ~320 ms | ~280 ms | -40 ms |
| Debouncing keyboard events | ~280 ms | ~260 ms | -20 ms |
| Memoizing heavy components | ~260 ms | ~230 ms | -30 ms |
| Fixing state management non-EU privacy policy banner | ~230 ms | ~215 ms | -15 ms |
| Avoiding the tooltip to re-render the whole page | ~215 ms | ~205 ms | -10 ms |
| Updating Usercentrics for the EU privacy policy banner | ~205 ms | ~200 ms | -5 ms |
| Re-optimizing what we already optimized | ~200 ms | ~185 ms | -15 ms |
Created
February 10, 2025 11:36
-
-
Save NoriSte/6556d724cdfa6964428766796a8fef73 to your computer and use it in GitHub Desktop.
Author
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
This table was needed for the How Preply improved INP on a Next.js application (without React Server Components and App Router) article.