Measuring website responsiveness : Interaction to Next Paint (INP), next year
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.
| INP | meaning |
|---|---|
| below or at 200 milliseconds | good responsiveness |
| 200 to 500 milliseconds | web page’s responsiveness needs improvement |
| above 500 milliseconds | the web page has poor responsiveness |
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 .
- Follow me on Twitter @abanoubha .
- Follow me on LinkedIn .
- Join my Telegram channel @softwarepharaoh .
- Follow my Facebook page @softwarepharaoh .
