Core Web Vitals is now a ranking factor in Google’s algorithm. Small businesses in particular need to be aware of the changes being made with Google’s Core Web Vitals and we’ll give you some helpful tips to pass these important page experience metrics.
This post gets technical, so feel free to share it with a web developer. Let’s take a look at Core Web Vitals.
What are Google’s Core Web Vitals?
Google’s Core Web Vitals are the primary set of metrics that Google uses to measure page experience.
The three key components of Core Web Vitals include Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS).
These three components help Google ensure a helpful and enjoyable experience for people when visiting a web page.
In this section, we’ll take a closer look at these three components of Core Web Vitals and how they will be changing as search signals for page experience.
Loading: Largest Contentful Paint (LCP)
LCP measures the loading time for the main content of a web page. A fast LCP quickly provides people with the information they’re requesting to ensure a helpful experience. Slow loading times and high LCP scores may produce a frustrating experience when seeking information.
What is a good LCP score? Google considers a good user experience to be a LCP score of 2.5 seconds or less. A poor user experience is defined by a LCP score of 4.0 seconds or more. Any LCP score between 2.5 seconds and 4.0 seconds is a user experience that needs improvement.
How can you find out your LCP score? The easiest way is to use PageSpeed Insights, a Google tool that analyzes the content of a web page and generates suggestions to make that page faster.
For a more reliable analysis of LCP, the Core Web Vitals report in Google Search Console uses real-world usage data (field data based on real user metrics) to show URL performance grouped by status (Good, Needs Improvement or Poor).
How can you improve your LCP score? The most common loading issues for small business websites may include things like:
- Slow server response times
- Large file sizes
- Long load times for critical resources
Addressing these issues and specific suggestions made by PageSpeed Insights should help improve your LCP score and loading times.
For more information, this guide on how to improve LCP should help you or a web developer get started on improving your scores.
Interactivity: First Input Delay (FID)
First Input Delay measures the interactivity time between user action and a browser response. A fast FID lets people quickly see a website to ensure that it is what they’re looking for.
Slow interactivity times and high FID scores may prevent people from completing actions like:
- Signing in
- Clicking on buttons
What is a good FID score? Google considers a good user experience to be a FID score of 100 ms (milliseconds), or less than a tenth of a second. A poor user experience is defined by a FID score of 300 milliseconds, or more than a third of a second. Any FID score between 100 milliseconds and 300 milliseconds is a user experience that needs improvement.
How can you find out your FID score? Since FID is a field metric, a real user interaction is required to produce an FID score. However, the Chrome User Experience Report tool can provide real-world FID values aggregated at the origin level.
In addition to helping site owners get better visibility into FID, PageSpeed Insights is starting to display First Input Delay into reports based on a 28-day collection period.
How can you improve your FID score? The most common interactivity issues for small business websites may include things like:
- Slow third-party scripts
- Server-side rendered content
Addressing these issues and identifying long tasks impacting FID in Chrome Developer tools should help improve FID and interactivity.
For more information, this helpful guide on how to improve first input delay should help you or a web developer get started on improving FID.
Visual Stability: Cumulative Layout Shift (CLS)
Cumulative Layout Shift measures visual stability by analyzing content layout shifts in a viewport. A good CLS displays content with minimal shifting to help people have an enjoyable experience when doing things like reading the news.
High CLS scores may indicate sudden shifts of content, which can throw people off when they were just about to click something — only to have it move.
What is a good CLS score? Google considers a good user experience to be a CLS score of 0.1 or less. A poor user experience is defined by a CLS score of 0.25 or more. Any CLS score between 0.1 and 0.25 is a user experience that needs improvement.
How can you find out your CLS score? Fortunately, Google provides easy to understand CLS scores through PageSpeed Insights. Chrome Development tools also have a Performance Panel feature that highlights cumulative layout shifts in a Summary view to provide a score for areas on a website.
How can you improve your CLS score? The most common visual stability issues for small business websites may include things like:
- Specifying image dimensions
- Assigning static space for ads
- Inserting dynamic content above existing content
Addressing these issues and identifying elements impacting CLS in Chrome Developer tools should help stabilize content.
For more information, this useful guide on how to improve cumulative layout shift should help you or a web developer get started on improving CLS.
What does Google’s Core Web Vitals mean for small business owners with websites?
Providing a quality user experience to website visitors is important for the long-term success of any small business. Whether you own a small business, do digital marketing or develop websites, Core Web Vitals is an opportunity to improve customer experience and perhaps boost in search engine rankings.
Core Web Vitals may seem very technical, but the guidance behind improving page experience should enable a small business to focus on the metrics that matter most.
While those metrics will evolve over time, as search engines gain more confidence in the data, Core Web Vitals is a starting place to improve user experience.
It’s understandable that small business owners have a variety of questions about Core Web Vitals and technical SEO.
Let’s explore how you can begin taking steps to pass Core Web Vitals.
How to pass Core Web Vitals: 9 tips for small businesses
What actions are other small businesses taking to pass Google’s Core Web Vitals?
To help you pass Google’s Core Web Vitals, we asked small business owners, digital marketers and web developers about the actions they are taking with their websites. From using content delivery networks (CDN) to shifting focus onto UX experience, here are nine tips to help you pass Google’s Core Web Vitals:
- Hire a web developer
- Use lab and field tools
- Optimize database interactions
- Enable compression
- Utilize CDNs
- Understand LCP, CLS & FID
- Act on PageSpeed Insights suggestions
- Use WordPress plugins
- The journey is just beginning
Each of these nine tips comes directly from a website owner or developer who has had experience with Google’s Core Web Vitals.
1. Hire a web developer
For months, we tried internally to pass Google’s Core Web Vitals on our own. We downloaded and tested WordPress plugins, optimized our hosting, server and caching, and spent countless hours running page URLs through PageSpeed Insights. After all that, we came to the conclusion that it was time to hire a web developer to optimize our website. I’m glad we did.
Within a couple of months, the developer rebuilt our site, passed Google’s Core Web Vitals and improved our PageSpeed score.
For any small business owner who hasn’t explored a website design or refresh in the past few years, I’d encourage them to consider hiring a web developer and measure the ROI through search performance and new customer leads.
Carey Wilbur, Charter Capital
2. Use lab and field tools
Many small business owners have come to us over the last several months looking to pass Core Web Vitals. We’ve experimented and researched just about everything, from switching page builders to installing WordPress plugins to rebuilding entire websites.
The thing for small business owners to remember is that there isn’t exactly a one-size-fits-all solution to passing Core Web Vitals. Each website is unique, and it is important to use lab and field tools to arrive at the right solution to improve page experience and pass Core Web Vitals for your website.
Melanie Cooper, Cooper Bold Interactive
3. Optimize database interactions
Google’s Core Web Vitals are focused on making sure your site is snappy, responsive and — above all else — fast. When a site is loading data, regardless of the data, it’s pulling it from a web service call that is most likely getting that data from a web service. The most important thing you can do to ensure your site passes Google’s Core Web Vitals is to make sure that all of your database interactions are as optimized as possible.
I can’t tell you how many times I’ve seen a Java middle tier sitting on top of a database that will simply query the database, get a huge dataset, just to then spend time in Java filtering the data. That filtering could be done in the database, greatly decreasing the processing time required.
Mark Varnas, Red9
4. Enable compression
The Core Web Vitals metric that impacts the majority of websites is Largest Contentful Paint (LCP), which measures how fast the main content on a webpage loads. While other metrics like Cumulative Layout Shift (CLS) and First Input Delay (FID) may impact page experience, LCP seems to be impacting most sites we’ve evaluated.
By enabling compression, you can have up to a 90% reduction in the transferred response between server and client, which can significantly improve LCP by improving load times.
Brett Farmiloe, Markitors
5. Use CDNs
Utilizing content delivery networks (CDNs) is something that most website owners can do to improve the largest contentful paint (LCP) scores with Core Web Vitals.
CDNs improve LCP by reducing page load time for large resources. By caching content and delivering it to a website visitor, a CDN offloads the resource requests that can bog down the loading of the main content on a page. For our denture site, the CDN caches images and enables our pages to load more quickly.
Henry Babichenko, Eurodenture
6. Understand LCP, CLS and FID
We started by better understanding three key metrics that have the highest impact on Core Web Vitals. These are LCP (Largest Contentful Paint), CLS (Cumulative Layout Shift), and FID (First Input Delay).
This way, we could better measure how we are impacting the ultimate goal. We started optimization by looking at how our page is loading on a waterfall chart. This way, we could optimize every script that we needed to stay or delete the ones that were nonessentials.
We moved some of the JS actions into the backend so it wouldn’t affect the rendering time of the browser. We also checked if the scripts that we are loading are compressed and cached. Then we checked if any popup like cookie notice or banner is not shifting the content when loading the page.
Tom Winter, Eye One
7. Act on PageSpeed Insights suggestions
With the deadline for having Core Web Vitals in order rapidly approaching, we’ve been going through each issue raised on Google’s PageSpeed Insights with a fine-tooth comb, with the aim of also improving our Core Web Vitals. This includes having made some of the more basic recommendations found on there, like removing unused CSS, to larger steps like completely revamping our theme and standard post layout.
This has resulted in some fairly simple changes having quite a big influence on our Core Web Vitals score.
For example, we previously included a featured image at the top of each blog post but moving this further down each post so it’s “below the fold” has had a massive effect on improving First Contentful Paint.
We also upgraded to a better host to ensure both First and Largest Contentful Paint was up to speed — literally.
Anna Barker, Logical Dollar
8. Use WordPress plugins
As we consulted with web developers, it became clear that a full website redesign was going to be really expensive. Given our objective of passing Core Web Vitals, it was hard for me to feel good about paying high project costs when we were essentially just rebuilding our same website.
Instead, we decided to look towards a WordPress plugin like NitroPack that would speed up our site with no prep or other optimizations.
With an update to our theme, a few manual theme fixes and an install of the plugin, we could improve our page experience and load times.
Plus, it helped buy some time for a better solution to come along for the problem of upgrading shortcode-based sites without requiring full manual rebuilds.
Eric Blumenthal, The Print Authority
9. The journey is just beginning
It had been about five years since we last updated our website, and Google’s Core Web Vitals gave us an extra push towards a website redesign. The thing that inspired us to move forward is that this is just the start of Google’s push towards prioritizing user experience on the web.
By acting now and redesigning our site, we know that we are better prepared for the journey ahead.
Over the years we expect to see more Google metrics centered at making user experiences more enjoyable and useful.
Denise Gredler, Best Companies AZ
Core Web Vitals is something a small business owner, digital marketer or website developer can do to improve the customer experience on their website.
This article is an excellent starting point to understanding Google’s Core Web Vitals and the steps you’ll need to take to offer a good page experience.
Be sure to share this article with your team or external website developer so that your project can focus on the metrics that matter.
Stay up to date on Core Web Vitals by following the Google Developer blog. Lean on resources provided by Web.dev that go into detail on how to improve. Use field data tools like PageSpeed Insights to identify suggested ways to improve.
The hardest step to take on a journey of improvement is often the first one. Hopefully, these definitions and insights will help you improve your customer experience and boost your search rankings as a result.