Google has shared a set of updated recommendations for optimizing core web vitals to help you decide what to prioritize when time is tight.
Core Web Vitals are three metrics that measure load time, interactivity, and visual stability.
Google considers these metrics essential to providing a positive experience and uses them to rank websites in search results.
Over the years, Google has provided many suggestions for improving your Core Web Vitals score.
Any of Google’s recommendations are worth doing, but we recognize that it’s unrealistic to expect someone to do everything.
If you don’t have a lot of experience optimizing website performance, it can be difficult to figure out what will have the biggest impact.
With limited time to focus on improving your Core Web Vitals, it can be hard to know where to start. That’s where Google’s revised recommended list comes in.
In a blog post, Google said the Chrome team had spent a year many Important advice we can offer regarding Core Web Vitals.
The team has put together a list of recommendations that are realistic for most developers, applicable to most websites, and have meaningful real-world impact.
Here’s the advice from Google’s Chrome team:
Maximum content paint (LCP) optimization
The Largest Contentful Paint (LCP) metric measures how long it takes for the main content of a page to be displayed to the user.
Google states that only about half of all websites meet the recommended LCP threshold.
These are Google’s top recommendations for improving LCP.
Make sure LCP resources are easy to find in the HTML source
According to the 2022 Web Almanac by HTTP Archive, 72% of mobile web pages use images as the main content. To improve your LCP, your website should load images quickly.
As a general rule, if the LCP element is an image, the image URL should always be discoverable from the HTML source.
Ensure LCP resources are prioritized
In addition to placing the LCP resource in your HTML code, Google recommends prioritizing it and not falling behind other less important resources.
standard Even if you include the LCP image in your HTML source using tags, thesection of < img> multiple before the tag