Auditing core web vitals

Web vitals (https://web.dev/vitals) are an initiative by Google to provide unified guidance for quality signals that are essential to delivering a great user experience on the web. These directly tie into the signals discussed in Chapter 6, Improving Your Site's Search Engine Optimization.

The core web vitals are a small group of Google's web vitals that focus on three pillars – how fast the page loads, how soon you can interact with the page, and how stable the page is while it is loading and while the user is interacting with it. These three pillars are encompassed in the following three metrics:

• Largest Contentful Paint: A representation of load time. It is the measure of the time the browser takes to make the majority of a page's content visible from the moment you start navigating to it. This is the moment at which a user perceives the site to have finished loading.
• First Input Delay: Measures the response time to...