
بروزرسانی: 27 خرداد 1404
Interaction To Next Paint (INP). How It Works & How To Improve INP.
Google’s Core Web Vitals guidelines provide clear benchmarks for INP scores:
- Good: An INP of 200 milliseconds or less is considered ideal. This means that the visual response to the user’s interaction happens quickly enough to feel instantaneous, resulting in a smooth and satisfying user experience.
- Needs Improvement: An INP between 200 and 500 milliseconds indicates that there’s room for enhancement. While not disastrous, these latencies may be noticeable to users and could potentially detract from their overall experience.
- Poor: An INP of over 500 milliseconds is flagged as poor. At this point, the delay between interaction and visual response is likely to be noticeable and potentially frustrating for users.
Handling Multiple User Interactions
Don’t get me wrong. I certainly see the value of these metrics as indicators of user experience. A website with better performance in areas like INP is likely to offer a faster and more responsive interface. And this improvement, in turn, can contribute to an enhanced user experience which might help boost conversion rates.
Knowing the definition and measurement process of INP is crucial, but it’s equally important to understand what constitutes a good INP score and the potential impacts of a poor score.
Good and Poor INP Values

To address these issues, the team optimized image loading by implementing lazy loading and used web workers to offload JavaScript processing. As a result, they were able to reduce their INP from an average of 380ms to a much more acceptable 100ms.
News Website’s Journey
When it comes to INP and Core Web Vitals, I have a rather specific stance. After observing and studying various websites and their performances over time, I’ve realized that improving Core Web Vitals has seldom led to a direct and significant uplift in their Google rankings. This insight might seem surprising given the attention these metrics receive in SEO circles.
This approach ensures that INP provides a realistic measure of the worst user experience on the page, rather than an average or best-case scenario.
Impact of Poor INP Values on Google Rankings
Presentation delay is the time taken from when processing ends to when the updated UI is presented on the screen.
Let’s break down the user interactions that INP considers, the components that make up INP, and how INP handles multiple user interactions on a page.
User Interactions Considered for INP
The first step in understanding your website’s INP ideally involves field data.
Each interaction initiates a chain of events that culminates in a visual response on the page – the ‘next paint’.
You can optimize INP by minimizing the Input Delay, Processing Time, and Presentation Delay components of the metric. Techniques such as implementing content-visibility for off-screen elements and being aware of performance costs when rendering HTML using JavaScript can also help.