You and Google want the same thing: to make people happy by making it easy for them to find the exact information they’re looking for.
It’s really important to keep that in mind with any foray into SEO — while the systems and processes might get a little complicated, the end goal of your work on your website and Google’s work on their algorithms is actually in pursuit of the same thing. A positive user experience.
It’s not just about delivering information.
It’s about making the general experience of finding and accessing that information better and better. And that’s where Core Web Vitals come into play.
Factoring in page experience signals
In May 2020, Google announced the addition of a new category of search ranking signals (factors that convey important information about the quality of sites in a particular search result), called page experience signals.
Some of these components have been ranking signals for some time now, like making sure your website is served over HTTPS, and that it’s accessible and easy-to-navigate on mobile devices.
In the summer of 2021, Google is adding new ranking signals, called Core Web Vitals, that go beyond “the pure informational value” of the content on the page and get into the nitty-gritty of the reader experience on the page.
Core Web Vitals are all about increasing user satisfaction and decreasing interruptions that often occur in the middle of their interaction with a site, before they reach their goal.
These new signals aren’t part of the algorithm yet, but they will be in starting the summer of this year.
Page experience signals won’t be more important than the content itself — many SEO experts expect they’ll be used mainly as “tie-breakers” to help Google give readers the absolute best results:
While page experience is important, Google still seeks to rank pages with the best information overall, even if the page experience is subpar. Great page experience doesn’t override having great page content. However, in cases where there are many pages that may be similar in relevance, page experience can be much more important for visibility in Search.
— Understanding page experience in Google Search results
This means giving readers the best result for their search (the great content you are known for) is still the most important thing, but when keyword and ranking competition is fierce, page experience signals become increasingly weighty and it’s important to optimize your site for them.
What makes for a great user experience?
Imagine you are driving to dinner with a friend.
You’re following the route but you hit every red light on the way, there’s construction that forces you to take a detour, and there are potholes that force you to drive slowly around them.
These little disruptions interrupt your journey, frustrate you, and prevent you from reaching your appointment in a timely manner.
When a person is browsing the web looking for something, they too are on a journey. If they’re frequently interrupted and redirected in their effort to get the information they’re seeking, they will get annoyed and potentially give up on visiting certain sites.
So what types of obstacles do people experience on the web?
A few examples:
- Slow page loading
- Delayed page responsiveness
- Shifting page elements
- Lack of mobile optimization
- Lack of security
- Intrusive popups
Google’s Core Web Vitals attempt to standardize user experience metrics in an effort to combat these various disruptions.
Core Web Vitals 101
Google is looking to website creators to help improve the reader’s journey by incorporating these new page experience signals into the Google search algorithm. Specifically, Google is introducing the three Core Web Vitals to address the most prevalent user experience issues across the web.
You can think of the three core metrics as encompassing:
- Loading — how quickly the page shows up for your reader
- Interactivity — how quickly your reader can interact with the page
- Visual stability — does the page change frequently while your reader is looking at it?
Each metric measures a different aspect of user experience: LCP measures perceived load speed and marks the point in the page load timeline when the page’s main content has likely loaded; FID measures responsiveness and quantifies the experience users feel when trying to first interact with the page; and CLS measures visual stability and quantifies the amount of unexpected layout shift of visible page content.
— The Science Behind Web Vitals
1. Loading, as measured by Largest Contentful Paint (LCP)
Largest Contentful Paint (LCP) is the point at which the browser has loaded the page’s largest visible content element (by dimension, not file size).
This is roughly when your reader feels like the page is useful, so it’s a good way to quantify a good experience.
2. Interactivity, as measured by First Input Delay (FID)
First Input Delay (FID) measures how quickly the browser responds when someone clicks on something on the page.
Keep in mind, for many content-driven sites, your readers might not be clicking on things right away, but a fast FID helps them feel that the page is responsive if they do immediately want to interact with an element.
3. Visual stability, as measured by Cumulative Layout Shift (CLS)
Cumulative Layout Shift (CLS) measures how much different elements of the page unexpectedly shift during and after it has loaded. It’s important that our blog post pages render without causing a large visual shift on the page.
If you’ve ever loaded a website and clicked on an element, only to have things shift and find out you clicked on the wrong thing, you’ve experienced a layout shift. Cumulative Layout Shift is the measure of all of those pesky movements added up.
Low CLS means the page is very stable and provides a good user experience.
Core Web Vitals thresholds provide goalposts for performance
Each Core Web Vitals metric has associated thresholds — the point at which the performance rating changes from “good” to “needs improvement” to “poor”:
There are two ways to measure these metrics: “in the field” and “in the lab”.
Field data is collected from actual users and is closest to the data that Google uses to inform search rankings.
Lab data is collected by tools directly from a page, so it’s useful for testing things as you are optimizing.
Lab tools provide insight into how a potential user will likely experience your website and offer reproducible results for debugging. Field tools provide insight into how your real users are experiencing your website; this type of measurement is often called Real User Monitoring (RUM). Each lab or field tool offers distinct value for optimizing your user experience.
It’s important to understand the difference between field data collected from Chrome users and lab data, because they’re used in different tools and each have areas where they’re most useful. For example, you can’t measure First Input Delay with lab data as there is no ‘user’ to provide the input, so lab testing substitutes a similar metric that measures page responsiveness, Total Blocking Time (TBT).
All the juicy details on field data vs. lab data
Read more about how to measure Core Web Vitals on your site and how to use field and lab data to help optimize for reader experience right here!
What does this Core Web Vitals update mean for publishers?
Now that you’re armed with the information about Core Web Vitals and know what scores to aim for, the next step is to make improvements.
But, trying to achieve a particular numeric score may not be asking the right questions.
It’s critical to look at the data through the lens of user experience. Ultimately, not only does a good user experience have potential search ranking benefits, but it’s a great thing in and of itself.
Web Vitals standardize and reframe user experience metrics
Let’s face it — site optimization efforts can get pretty frustrating. As site owners, you are tasked with so many responsibilities and it’s hard to keep up with the latest performance metrics or UX tricks to improve the Lighthouse score on your web pages.
Additionally, there are a lot of different tools available to help quantify site performance, but nothing that tells you exactly how much weight Google gives to each metric for search ranking. And within various tools, the way scores are calculated can shift over time.
Google’s new Web Vitals attempt to standardize many different user experience metrics and the approach across tools, giving you a clear understanding of the most important things to optimize on your site.
We love this effort to align the conversation around your reader’s experience and narrow the focus to a handful of metrics that truly matter!
We think this will ultimately be a positive step for the entire web ecosystem.
What you can do to improve your Core Web Vitals: 6 best practices
2. Make sure you’re looking at mobile first. Mobile tends to perform worse on the Core Web Vitals metrics. With Google’s emphasis on mobile (think mobile-first indexing), it’s essential to prioritize your mobile optimization while also making sure you’re thinking about the other platforms your site will be consumed on.
3. Large and heavy images are a huge culprit for loading speeds, LCP, and CLS. Make sure you optimize every image you upload to your site. According to one study, serving images in next-generation formats, such as WebP or SVG, came up as the top fix for performance improvement in PageSpeed Insights for nearly 30% of websites (desktop and mobile) and can massively increase image compression. You can find lots of image optimization recommendations in this post!
4. Make sure you’re using a CDN. A Content Delivery Network can help streamline your site to provide an optimal user experience. Cloudflare is a great, FREE option, and make sure to check out this post on using a CDN to help speed up your site!
5. Lazy load non-critical and below-the-fold elements (like your images). By lazy loading, you essentially tell a resource to wait until it’s needed before loading. This can help boost load times so your reader can get to your content even faster.
Head here to find resources and guides with more information to help optimize your site for Core Web Vitals!
What AdThrive is doing to help…
Core Web Vitals are a priority for us at AdThrive and we’ve been hard at work to make sure our publishers are set up for success. Some of the things we’re working on:
- Partnering with experts and consultants in the industry to gather best practices and helpful insights for you
- Packaging up Core Web Vitals resources for you
- Making technical improvements to AdThrive ads to solve for ad-related CLS
Stay tuned for more news!
Your Core Web Vitals roadmap
Knowledge is power! Start here:
- Your intro to Google’s Core Web Vitals [You are here!]
Dig deeper to understand each metric and why it’s important for user experience:
- What is Largest Contentful Paint (LCP)?
- What is First Input Delay (FID)?
- What is Cumulative Layout Shift (CLS)?
Benchmark your site’s Core Web Vitals so you understand your starting position:
Make a step-by-step plan to improve Core Web Vitals:
- Your four-step playbook for diagnosing and improving Core Web Vitals
+ a handy one-sheet to go over with your developer or host
Tackle low-hanging fruit:
- How to choose the right hosting service for a speedy site
- 5 tell-tale signs you’ve outgrown your hosting service
- How a good host can help boost page speed and improve Core Web Vitals + a checklist for hosting optimizations
- How switching to a high-quality host can improve Core Web Vitals [Case Study]
- Use a CDN to help speed up your site
- 23 optimizations to improve your page speed and Core Web Vitals scores