Core Web Vitals: Google Update on March 12, 2024

Interaction to Next Paint (INP) replaces First Input Delay as Core Web Vitals

In mid-February 2024, Google made an important announcement regarding interactivity metrics on the web. The online search giant stated that it would replace the current metric, “First Input Delay” (FID), with a new metric called “Interaction to Next Paint” (INP). This change is set to be implemented on March 12, 2024.

The First Input Delay is currently used to measure the responsiveness of a web page. It calculates the time between the user's action (such as a click or keystroke) and the browser's response to that action. However, Google believes that this measure is not always representative of the actual user experience. That’s why it is introducing the new metric Interaction to Next Paint.

The Interaction to Next Paint, unlike the FID, will take into account not only how quickly a page responds to an initial user interaction but also how long it takes for the resulting visual changes to be rendered on the screen. By placing greater emphasis on this latter aspect, Google hopes to provide developers with a more accurate and comprehensive way to assess and improve the interactive performance of web pages.

Preparing for Google’s Core Web Vitals conformity

With the recent announcement from Google about replacing “First Input Delay” with “Interaction to Next Paint”, it is essential for web developers to understand how to prepare for this Core Web Vitals update. The first step is to determine your current INP. This can be done via Google’s Search Console or by using the PageSpeed Insights tool.

The Search Console provides a web performance report that includes statistics on First Input Delay. The transition to the new metric is not yet effective, but it is likely that Google will update this tool to reflect the change. Meanwhile, PageSpeed Insights also provides a measure of FID and will likely be updated to include INP.

Once you have a clear understanding of your current interactivity performance, you can start working on the necessary improvements. To enhance your INP, several strategies can be adopted:

• Optimizing JavaScript: this may involve minimizing JS code, deferring, or removing non-essential scripts.

• Optimizing the size and depth of the DOM: a smaller and less deep DOM can significantly improve interactive performance.

• Simplifying CSS selectors: avoiding complex CSS selectors can help reduce the time needed to make visual changes visible after a user interaction.

Always keep in mind that this is an ongoing process. Web performance standards are constantly evolving, and it is essential to stay informed about the latest updates and best practices. The ultimate goal is to provide the best possible experience for your users, which will translate into better rankings in Google's search results.

A consultant or a web performance agency to the rescue

Given the complexity of the changes announced by Google, many businesses may feel the need to seek help from a web performance expert. A web performance consultant or a specialized agency can provide valuable assistance in navigating these sometimes murky waters and optimizing your site accordingly.

These experts have in-depth knowledge of web performance metrics, including Core Web Vitals, and are up-to-date with the latest announcements from Google. They can offer strategic advice on the best ways to improve INP, as well as other key aspects of web performance. By engaging a consultant or a web performance agency, you can ensure that your site is optimized to provide the best possible user experience and to rank more favorably in search results.