INP (Interaction to Next Paint)
A Core Web Vital that assesses a page's overall responsiveness to user interactions.
Interaction to Next Paint (INP) measures how quickly your website responds after a user interacts with it (e.g., clicks a button, taps a menu, or presses a key). It replaced FID (First Input Delay) as a key metric in 2024.
The “Frozen” Screen
If you click a “Menu” button and nothing happens for 0.5 seconds, the site feels broken. That delay is the INP.
Optimizing INP
- Reduce heavy JavaScript execution.
- Break up long tasks on the main thread.
- Avoid complex layouts that require massive recalculations on every click.
Explore in-depth guides related to inp (interaction to next paint):
Mobile-First Design: Why Your Desktop-Optimized Site is Losing You Money
Over 60% of web traffic is mobile. If your buttons are too small and your pages are too slow, you are bleeding conversions. Here is how to fix it.
Headless WordPress vs. Traditional: A CEO’s Guide
Decoupling your frontend for extreme security, speed, and design freedom.
Related Concepts
Core Web Vitals (CWV)
A set of specific factors that Google considers important in a webpage's overall user experience.
TTFB (Time to First Byte)
The time it takes for a user's browser to receive the first byte of data from the web server. Learn what causes high TTFB and how to fix it.
Bounce Rate
The percentage of visitors to a particular website who navigate away from the site after viewing only one page.