Blurred background image

What is This ‘Core Web Vitals’ Thing Everyone is Talking About?

What is This 'Core Web Vitals' Thing Everyone is Talking About?

We’ve all watched a movie or series where a nurse begins their care of a critically-injured patient by asking “have you checked their vitals?”

Human vitals are the body’s most basic functions that are routinely monitored by medics to check a person’s health. They are: body temperature, pulse, respiration, and blood pressure.

In much the same way, web vitals perform the same function to a website as vitals work on a human.

What is This 'Core Web Vitals' Thing Everyone is Talking About?Web vitals were created by Google to give a comprehensive, broad view of quality signs that are fundamental to providing a great digital experience for users. 

Over the years Google has built a supply of digital tools that measure site performance as well as provide reports. While many website owners have neglected these tools – given the anxiety-inducing number of those available and complexity of figuring out which are more important than others – others have become experts in using them to tweak and rebuilt online experiences.

But the challenge is real. There is real complexity in understanding algorithms and building fully-optimized experiences with green lights on all metrics. Plus the overwhelming weight of competitors both big and small who are also trying to do exactly that and push you off top spot in search engine results.

Well, Google’s Core Web Vitals is an attempt to squeeze all of this complexity into a more simplified environment so that you can focus on the core metrics that drive the overall performance. 

Core Web Vitals consist of 3 specific page speed measurements and user interaction measurements:

  1. Largest contentful paint (LCP)
  2. First input delay (FID)
  3. Cumulative layout shift (CLS)

There are a bunch of other web vitals that when taken together have important functions in deciding how good a particular page performs. These include mobile friendliness, HTTPS, safe browsing, structure, and total blocking time.

Largest contentful paint measures the loading performance. Ideally, the time of your largest contentful paint should be within 2.5 seconds to give a good user experience.

LCP is the time it takes between clicking a link and seeing the majority of the content on the screen. It’s more targeted to the user experience because there are other page speed metrics like first contextual paint and TTFB that don’t actually analyze exactly what a user of the site experiences.

LCP is extremely useful when deciding whether to remove particular images and videos for a page. Or whether it’s needed to clean up a page’s code.

What is This 'Core Web Vitals' Thing Everyone is Talking About?First input delay measures the interactivity of a page. Ideally, the time of your first input delay should be within 100 milliseconds or less.

FID is the time it takes for a user to interact with your page, such as an option on a menu, a link on the navigation section, accordion text on a phone, and putting in your email address. FID takes into account how real users interact with a website.

This metric doesn’t particularly concern websites that are just full of text like a blog or news site, because in essence, the only interactive element is the scrolling up and down the page. So it’s only really applied to interactive sites, i.e. pretty much ecommerce sites.

Cumulative layout shift measures the visual stability of a page. Ideally, the time of your cumulative layout shift should be 0.1 seconds or less.

CLS tests the stability of a page as it loads, which means if some elements on a page move around as the page loads, it means that the page has a high CLS. And that is something you do not want.

Ideally, you should have the page elements to be stable as it loads, so that users don’t have to scroll down again to find the place on the page that they’re looking for – a great frustration of mine on many websites when, as soon as a page opens, I speed my way to the place where I want to view, only for it to jump back up to the top after it’s finished loading.

Why are they important?

It’s important to remember that Google’s Core Web Vitals are not the Marketing Magician’s Web Vitals – they’re not going to magically push you beyond all the competition and rocket you to number one in Google.

One sobering thought is that Google points out that page experience is just one part of factors that they use to rank a page in its search engine. And the number of these factors runs up to around 200!

Related Ideas

If you got value from this article, you may enjoy these other articles, as well. We’re always adding value!

How to Improve Your Core Web Vitals
  • ArganoUV
  • Core Web Vitals

How to Improve Your Core Web Vitals

What are some ways in which you can improve your website’s Core Web Vitals?
A Deep Dive into Core Web Vitals
  • ArganoUV
  • Core Web Vitals

A Deep Dive into Core Web Vitals

Follow us on a deep dive of Google’s Core Web Vitals.
Communicating the Right Way and to the Right People
  • ArganoUV
  • Development
  • Firsthand Accounts
  • Glimpses of ArganoUV

Communicating the Right Way and to the Right People

When you’re working remotely, it’s too easy to go AWOL and communicate much less. Here’s how...

Latest ideas

Our latest thinking about SF Commerce Cloud.

Sprinting to Stellar eCommerce: Brooks Running & Salesforce Commerce Cloud
  • ArganoUV
  • Commerce
  • Salesforce Commerce Cloud

Sprinting to Stellar eCommerce: Brooks Running & Salesforce Commerce Cloud

Brooks Running sprints into a higher ecommerce gear with Salesforce Commerce Cloud.
From 2 Weeks to 30 Minutes: Xoom and its Content Creation
  • ArganoUV
  • Commerce
  • Contentful

From 2 Weeks to 30 Minutes: Xoom and its Content Creation

From 2 weeks to 30 minutes, Xoom can now create content in quick time.
This Week in eCommerce Data: June 11th, 2021
  • ArganoUV
  • Commerce
  • This Week in eCommerce Data

This Week in eCommerce Data: June 11th, 2021

This week’s ecommerce round up focuses on North American ecommerce growth, quarterly takings, and livestream ecommerce, plus more. ...

How can we achieve
awesomeness together?