An example of a shopping page

[hasibaakterss3309]

Google uses an example of a shopping page to illustrate the difference between a good INP and a poor INP.

The example of a shopping page shows a clickable image that generates a larger close-up version.

Also, an example of poor responsiveness is a jordan mobile database user clicking on the image and then waiting for something to happen while the larger image downloads in the browser . There is no feedback response to the click.

Another example of good responsiveness is a user clicking on the same image immediately responding with a page loading graphic communicating that the image request was received and is now loading.



The above is an example of how the new INP metric will measure all the responsive elements of a web page to arrive at a Next Paint Interaction rendering.

Google Web.dev explains the new Interaction to Next Paint (INP) metric:

“INP is a metric that aims to represent the overall interaction latency of a page by selecting one of the longest interactions that occur when a user visits a page.

For pages with fewer than 50 total interactions, INP is the interaction with the worst latency.

For highly interactive pages, the INP is typically the 98th percentile of interaction latency.”

New PageSpeed ​​​​Insights design
Both new metrics are available to review right now in the PageSpeed ​​Insights tool.

However, it may take some time for the field data to appear because the field data is derived from actual Chrome browser users who have opted to allow page speed data to be sent to Google by visiting the site and recording their data.