{"id":17816,"date":"2023-05-11T22:07:02","date_gmt":"2023-05-11T22:07:02","guid":{"rendered":"https:\/\/www.searchenginejournal.com\/interaction-to-next-paint-pending\/486687\/"},"modified":"2023-05-11T22:07:02","modified_gmt":"2023-05-11T22:07:02","slug":"new-core-web-vitals-metric-coming-interaction-to-next-paint-via-sejournal-martinibuster","status":"publish","type":"post","link":"https:\/\/marketingnewsbox.com\/?p=17816","title":{"rendered":"New Core Web Vitals Metric Coming: Interaction To Next Paint via @sejournal, @martinibuster"},"content":{"rendered":"

Google announced that it is retiring one core web vitals metric and replacing it with a newer one that more accurately represents the user experience.<\/p>\n

The new metric is called, Interaction to Next Paint and it has been promoted from experimental to pending status.<\/p>\n

Google announced:<\/strong><\/p>\n

\n

\u201cStarting today, INP is no longer experimental and will instead be considered a pending Core Web Vital metric. This is a new designation to indicate that INP has proven its readiness to replace FID\u2014but we\u2019re not making the change just yet.<\/p>\n

To give the ecosystem time to adjust, INP will officially become a stable Core Web Vital metric in March 2024.\u201d<\/p>\n<\/blockquote>\n

First Input Delay (FID)<\/h2>\n

The Chrome blog announced that First Input Delay (FID) will be replaced in March 2024 by the new metric, Interaction to Next Paint (INP).<\/p>\n

First Input Delay measures the time it takes for the browser to be able to process a user interaction, limited to clicks, keydown, mousedown and pointerdown.<\/p>\n

The time it takes for a user to be able to click on a button and have the button respond is generally blocked by other scripts.<\/p>\n

So it was considered a good representation of webpage responsiveness and user experience.<\/p>\n

However the FID metric was an incomplete measurement of responsiveness.<\/p>\n

FID only measured the delay, the time it takes before an interactive element becomes responsive.<\/p>\n

FID did not measure the amount of time until the website can react to those interactions.<\/p>\n

The Chrome team looked at several candidates and after about a year they released Interaction to Next Paint<\/a> (INP) with an official status of an experimental metric<\/em> on May 2022.<\/p>\n

INP measures the entire responsiveness of a page, not just the delay.<\/p>\n

According to Google<\/a>:<\/p>\n

\n

\u201cChrome usage data shows that 90% of a user\u2019s time on a page is spent after it loads.<\/p>\n

Thus, careful measurement of responsiveness throughout the page lifecycle is important. This is what the INP metric assesses.\u201d<\/p>\n<\/blockquote>\n

INP has been available through PageSpeed Insights and many third party speed tests for the past year since May 2022.<\/p>\n

PageSpeed Insights has also been updated.<\/p>\n

A notation on the PageSpeed Insights changelog<\/a> records:<\/p>\n

\n

\u201cInteraction to Next Paint (INP) is no longer an experimental metric, and is now a pending Core Web Vital. This change is reflected in UI and API.<\/p>\n

For the API specifically, the response now has metric INTERACTION_TO_NEXT_PAINT, which contains the same data as EXPERIMENTAL_INTERACTION_TO_NEXT_PAINT.<\/p>\n

EXPERIMENTAL_INTERACTION_TO_NEXT_PAINT will be removed from the response in 90 days (August 8, 2023).\u201d<\/p>\n<\/blockquote>\n

Interaction to Next Paint<\/h2>\n

The innovation of INP is that it is a more accurate measure of how long it takes for the entire page to become responsiveness.<\/p>\n

A poor INP is when you click on something and the expected action, like a closeup of an image, doesn\u2019t immediately happen.<\/p>\n

Google\u2019s page on INP<\/a> explains it like this:<\/strong><\/p>\n

\n

\u201cGood responsiveness means that a page responds quickly to interactions made with it.<\/p>\n

When a page responds to an interaction, the result is visual feedback, which is presented by the browser in the next frame the browser presents.<\/p>\n

Visual feedback tells you if, for example, an item you add to an online shopping cart is indeed being added, whether a mobile navigation menu has opened, if a login form\u2019s contents are being authenticated by the server, and so forth.<\/p>\n

Some interactions will naturally take longer than others, but for especially complex interactions, it\u2019s important to quickly present some initial visual feedback as a cue to the user that something is happening.\u201d<\/p>\n<\/blockquote>\n

INP is measured in milliseconds:<\/strong><\/p>\n