Measuring website responsiveness : Interaction to Next Paint (INP), next year

· 221 words · 2 minute read

There is web vitals which indicates the website health and performance. It is like health vitals in medicine which indicates the human health stats and performance metrics such as blood pressure.

Core Web Vitals has many metrics such as First Contentful Paint (FCP), Largest Contentful Paint (LCP), Total Blocking Time (TBT) and Cumulative Layout Shift (CLS).

Currently, we use First Input Delay (FID) to measure website responsiveness. But next year, we will use Interaction to Next Paint (INP) instead. FID measures only the first input delay, but INP measures all the input delay times and gives us the longest delay.

An interaction could be a mouse click or a tap on touch screen or pressing a key on either a physical or onscreen keyboard. The INP is measured for each web page of the website. Here is a table of INP values and meaning.

INPmeaning
below or at 200 millisecondsgood responsiveness
200 to 500 millisecondsweb page’s responsiveness needs improvement
above 500 millisecondsthe web page has poor responsiveness

interaction to next paint - core web vitals

If you wanna read more detailed information about INP, visit https://web.dev/inp/

I hope this helps.

Follow me to get notified of new posts I create here .

Share: