When it comes to search engine optimization (SEO), we’re all somewhat beholden to the All-Mighty Google. Placing on the first page of Google has significant implications for site traffic, conversions, and overall business performance.
While there are many factors that contribute to your Google ranking factor, a newer addition to their algorithm that determines placement is Core Web Vitals. While we don’t know exactly how much weight these vitals carry when it comes to placement because Google never publishes its exact algorithm, we do know they are an important factor and need attention to optimize SEO.
Beyond just Google telling us they are important; Core Web Vitals also ensure site visitors have a consistent user experience on your website. Research tells us that more than 55% of online shoppers between the ages of 18-24 think slow website loading times are intolerable which means failing Core Web Vitals = lost conversions and lost sales.
Core Web Vitals are three different metrics that offer a trailing 28-day measurement of your website’s user experience and can be monitored through Google Analytics. Google evaluates your site’s performance on the three metrics as part of their Google page experience signals which play a factor in SEO. The three measurements include:
It is important to note that while these are the three current measurements Google uses, these metrics may change at some point in the future as new core vitals are added and monitoring tools get more sophisticated.
So, if the above three Core Web Vitals are what Google does care about, what don’t they care about? Sadly, Google does not care about a site’s PageSpeed Performance score. For more than a decade, developers have been working to improve this Pagespeed Performance score on their sites, but these efforts are targeting the wrong metrics. Improving Performance score is no guarantee of improved Core Web Vitals: increasing that number provides only the illusion of progress towards improving site performance. Read more about this directly from Google.
Core Web Vitals measure data from real users and are based on the experience of 75% of your site visitors. To earn a passing score, you must deliver the same, consistent user experience to at least three-fourths of site visitors regardless of device or location. Passing scores for the three measurements are:
The good news when it comes to optimizing your Core Web Vitals, is two of the three are pretty straightforward to improve. The third can be a bit tricky so let’s tackle the easiest first.
Interested in improving your Core Web Vitals? Learn more about solutions for a poor performing site.
FID measures the time from when your user first tries to interact with the site to when that interaction actually happens. The goal of this metric is to capture if a site has too much JavaScript that is killing performance. However, FID is always super low. If for some reason your site’s FID score is more than 100 milliseconds, one easy fix is to delay unnecessary JavaScript loading for a few seconds.
Google seems to have taken notice, however, that this metric is super easy to pass and may not be doing a good job at capturing its intent. There is a new metric in the Google laboratory right now called Interaction to Next Paint (INP) which is a new way to track JavaScript overhead. At first look, it seems to be much more accurate and useful. Don’t be surprised if FID is swapped for INP in Google's core vital metrics in the coming months.
This second Core Web Vital measures how much elements on the page shift as the page is rendering. Images, iframes, ads, or really any embedded elements can impact your CLS score. Cumulative layout shifts tend to happen because one of three reasons:
If everything on your page is shifting down when it loads, this is likely your issue. Two big reasons for these whole-page shifts are cookie consent bars and pop-up bots. Two easy fixes are:
This is an easy fix. If your CLS score needs improvement, ensure all of your images have set dimensions as part of your html.
This is the least likely to impact your CLS score, however, if you have a ton of text in a variety of different styles or sizes, and you’ve verified the previous two reasons aren’t causing your problem, you might need to make edits to minimize the number of different font choices.
We’ve tackled the two easiest fixes first, which leaves us with the worthy adversary that is largest contentful paint. Improving your LCP score is entirely possible, but it’s going to make you work for it.
LCP measures the time in the loading process the largest element renders. To pass LCP, the largest element must have a loading speed of fewer than 2.5 seconds. For most sites, the largest elements are always images.
To improve your LCP score, we must first work backward to evaluate what we can remove from the initial loading process. We must prioritize what is critical and must be loaded within the first 2.5 seconds and then what can wait until second three. Once we identify those elements, we can start to tackle improving our LCP by working through the below seven steps.
The Core Web Vitals environment is constantly changing. Google is continuously making minor algorithm updates. New core vitals are being developed and will launch soon. Monitoring tools are consistently improving. Browsers such as Google Chrome and Safari are getting smarter and more responsive.
All of that is to say, core web vitals require constant vigilance. Once you get your metrics to where they need to be to pass, it’s important that you put a regular monitoring process in place. A simple daily check-in on performance will help catch if anything gets broken and avoid having to dig out of a hole if your performance dips, unnoticed. With these Core Web Vitals metrics, Google has challenged us to develop webpages that offer experiential user interaction while demanding effective website performance.
If you’re looking for more information on how to earn your passing grade, check out our recent master class “Strategies to Improve Your Site Speed and Core Web Vitals”. Or, if you’re ready to take a Core Web Vital assessment off your plate, learn about our Core Web Vitals performance report.