2021 Google Core Web Vitals Update: What You Need to Know

by Mary Ann Hegvold on August 4, 2021

In the race for higher organic search rankings, every company with a web presence is trying to please Google and figure out the algorithm being used to rank their website. For the most part, sticking to a consistent content plan and above-the-board SEO tactics will help you rank for your targeted phrases. But, in May of 2020, Google made an announcement that goes beyond what you may be able to update on your own as a marketer. 

The Core Web Vitals algorithm update is designed to give visitors to any website a more pleasant, and more secure, page experience than ever before. These updates started rolling out in June 2021 and appear to be more fully in place as of July 2021. What should you do so you're less likely to lose your organic rankings as a result of the recent changes?

The metrics that Google is now using dig deeper into how the website is coded and how that code turns into a web page that you and I can see.  There are some things that a marketer can do and there are other aspects that you may need to have a developer look at more closely. A technical SEO report can give you a better idea of what Google is seeing and what you might need to do to improve your visibility.

️ Get your free technical SEO report.

What is Page Experience?

Before going any further, let's discuss what page experience means for both SEO experts and the user. According to Google:

Page experience is a set of signals that measure how users perceive the experience of interacting with a web page beyond its pure information value. Optimizing for these factors makes the web more delightful for users across all web browsers and surfaces, and helps sites evolve towards user expectations on mobile. 

Page experience metrics You Need to Know

Google wants your visitors to have a great experience. They have outlined the following items as important for ensuring they get the information they're looking for securely, quickly and in an easy-to-use format. These include:

  • Mobile-friendliness — how well the website looks and operates on mobile devices.
  • Safe browsing — no presence of malicious (i.e. malware) or deceptive content.
  • HTTPS — ensuring the security of the data submitted through the website. 
  • Intrusive interstitials - making it easy to read the content without something taking over the screen (ie: pop-ups)
  • Core Web Vitals — LCP, FID, CLS 

Let's talk about the newest addition to the ranking algorithm, Core Web Vitals, and what they mean for your visibility in Google's search results.

Short answer: In 2021, page experience has become an even stronger signal that Google evaluates when ranking your web pages in search results. 

3 Core Web Vitals You Need to Evaluate

Most of the page experience items we listed earlier are old news. They're things we've been paying attention to for many years in some cases. While Core Web Vitals aren't new to web development, they are new to the algorithm that is used to rank your website in search results.

This means that we all need to run some tests and see how our websites are performing in each of these areas. Google-Core-Vitals

Core Web Vitals Explained

  • LCP (Largest Contentful Paint)"Why do I see white space instead of content?!"
    LCP measures how well your webpage is loading. To offer a stellar user experience, the loading time (time from the moment a page starts loading to the moment it is fully loaded) should be faster than 2.5 seconds. Anything between 2.5 and 4 seconds is considered mediocre. A loading time longer than 4 seconds is poor.
  • FID (First Input Delay) "I just clicked that. Why didn't anything change?!"
    FID measures the interactivity of your webpage (the time it takes for the website to respond to such users' actions as clicking a link, tapping a button, etc.). To rank high, your website's FID should be faster than 100 milliseconds. Anything between 100 and 300 milliseconds is considered mediocre. An FID longer than 300 milliseconds is poor.
  • CLS (Cumulative Layout Shift)"I was about to click that. Why did it move?!"
    CLS measures the visual stability of your website (how often visible elements on the website change their positions, forcing the user to search for the lost place in the text or the button they were trying to tap). To rank high, your CLS should be less than 0.1. Anything between 0.1 and 0.25 is considered mediocre. A CLS higher than 0.25 is poor.

The takeaway: to rank higher on Google search results you have to:

  • improve each page's load time
  • tweak the responsiveness of your website
  • keep your page layout as stable as possible

If your Core Web Vitals fall below the mentioned figures, you may have trouble achieving the desired rankings, or,  as some websites have already started to experience – you could lose some visibility unless you make changes.️ Does Your Website's User Experience Meet Google's Latest Requirements?  Let's Find Out. Free Technical SEO Report.

Measuring Core Web Vitals

There are a lot of tools out there that can probably give you feedback on your Core Web Vitals. Our team uses the tool that is provided by Google called PageSpeed Insights.

All you have to do is enter the URL and click Analyze.

pagespeed insights screenshotYou can access the same data from a few other sources including:

Google's Search Console — A Core Web Vitals Report is now part of the tools offered in Google Search Console

Page Inspect in Chrome - From "Inspect" choose the Lighthouse tab. This is the tool used by Chrome to evaluate Core Web Vitals. Also created by Google, this will give you similar insight into what is lowering a particular page's score.

SEM Rush - This software, focused on helping you improve your organic visibility, has added reports that will point you in the right direction on Core Web Vitals and what you may need to address. We recommend you review that and then look further into the details of a particular page's issues using PageSpeed Insights.

How to Read a Core Web Vitals Report from PageSpeed Insights

After analyzing a URL in PageSpeed Insights, you'll see an overall score as well as a breakdown of the various Core Web Vitals. Some data comes from actual usage stats and other data is simulated to represent what Google believes the user is experiencing. 

Field Data and Lab Data for a Full Picture of What Google Sees

You may notice in the report that some of the information is based on actual results from the website. This is called field data. It's collected over the course of about 4 weeks. Lab data is used when there wasn't enough field data to give you the information you need. It's collected in a controlled environment which an be useful for debugging performance issues. 

Field-lab-data-CWV

Keep scrolling down to see more information about specific issues that were detected. Click the down arrow next to each opportunity to learn more about what Google suggests you could do to improve your score on each item.

PageSpeed-Opptnties

How to Make Improvements to Your Core Web Vitals

It's probably best to start with your website developer. Talk to them about the PageSpeed Insights (mobile) scores on specific pages and the items that appear on the reports.

Remember, your home page doesn't represent the speed on the rest of your pages, but it's a good place to start so you can see if there are issues that could be cleared up on all pages of the website. 

Tips for Improving Core Web Vitals Performance

Here are 7 things you can evaluate on your website for improved Core Web Vitals.

  1. Reduce JavaScript in the head of your website to decrease loading time.
  2. Remove unused CSS and JavaScript
  3. Reduce image sizes so they can load faster. Read more in our blog about optimizing images for the web. 
  4. Use next-gen image formats. This is often based on the hosting service you use. 
  5. Create a specific order of what loads in the "viewable area" so that all of the code does not need to load before showing the top of the page.
  6. Remove third-party services that require extra time to load. This can include things like social media feeds, heat mapping software, third-party fonts, etc.
  7. Load thumbnail previews of videos instead of full videos.
  8. Implement localized website caching so that the pages load much faster from a server that's close to wherever the visitor is coming from. 

On individual pages, you can take a look at items that are specific to that page such as video player usage, image size, and image quality. 

A few more tips about running PageSpeed Insights Reports

  • We recommend making a change to the website and then re-running your tests for a comparison. Don't change a bunch of things at once.
  • Keep a record of where you started with your overall PageSpeed Insights score and your individual Core Web Vitals scores so you can see how the changes you've made affect your scores. 
  • Run the test at least twice to be sure your results are consistent. If you have a weird, one-off low score, run it a third time. 
  • Use an incognito browser so that you're not running the test based on past viewing history of the website.

Staying On Top of Page Experience

With the entire Core Web Vitals update finished by the end of August 2021, this is something you can't ignore. Just like we had to switch to responsive web design and https a few years ago, this is another in Google's preferences that drive our decision about how we design and develop websites.

If your web developer is not able to evaluate your website or isn't sure how to make the necessary changes, we're here to help you. Request a free technical SEO audit to see how your site is performing now and what we might recommend to make your meet the latest standards. This is an unbiased, free, assessment of your website's technical SEO that could be affecting your organic search rankings.

Request a free technical SEO review of your website