Insights

Core Web Vitals: What are They?

j
By Shea Shay
}
05.11.2021
Core Web Vitals: What are They?

BlueSky Commerce Blog

Featured

Related Posts

The Intention of a Mobile First Strategy

There isn’t always an app for that For well over a year, I have been working with a client, developing their strategic roadmap. About four months in, we were making great headway after completing interviews with key stakeholders and training in our methodology about...

read more

What to Consider When Hiring a Marketing Agency

Lead generation and increasing sales take a strong marketing strategy and specific skill set. Therefore, effective marketing services are dependent on the people involved. Finding the perfect mix of talented marketers to add to your internal team or outside your...

read more

Have Questions?

Get In Touch

About the Author

Shea Shay

Shea Shay

Shea Shay serves as BlueSky's Senior UI/UX Consultant. She brings over 20 years of experience in the design and development industry, which gives her a unique perspective regarding the User Experience. Over the course of her career, Shea has worked with a wide variety of clients from small to large, including fortune 500, non-profit organizations, and government agencies.
View Shea's Latest Articles:

Follow Us

Core Web Vitals: What are They?

There’s been a big buzz in the industry in the past year since Google announced that Core Web Vitals are going to be an official Google ranking factor this month. So what are they and how do we assess them?

Simply speaking, they are a set of 3 specific factors that Google considers important in the user experience of your website:

Loading Experience

Largest Contentful Paint (LCP):
The time it takes to load a page’s main content. An ideal LCP measurement is 2.5 seconds or less.

Interactivity

First Input Delay (FID):
The time it takes for a page to become interactive. An ideal measurement is less than 100 ms.

g

Visual Stability

Cumulative Layout Shift (CLS):
The amount of unexpected layout shift of visual page content. An ideal measurement is less than 0.1.

Our user experience team at BlueSky Commerce has always considered these benchmarks in every UI / UX webpage performance audit we perform. Now, Google is placing more emphasis on these specific metrics and weighing them toward the overall “Page Experience”. The other factors that Google considers important for a good page experience are HTTPS, mobile-friendly, secure browsing, and no intrusive interstitial pop-ups (pop-up ads).

Core web vitals core web vitals are part of google’s overall evaluation of "page experience"

Page Experience or Content – Which is More Important?

While Core Web Vitals will now be a significant ranking factor, it is still important to provide high-quality content that meets search queries.

Google states:

A good page experience doesn’t override having great, relevant content. However, in cases where there are multiple pages that have similar content, page experience becomes much more important for visibility in Search.

Sowmya Subramanian

Director of Engineering, Google Search Ecosystem

If there are 2 pages with equally strong content, the page with a better page experience signal will rank higher in search results.

Measuring Core Web Vitals

Google has a variety of tools that can be used to measure Core Web Vitals, such as:

Steps to Take to Improve Your Core Web Vital Scores

To improve your site’s LCP (Largest Contentful Paint):

Your site should load quickly so that users can see and interact with it.

  • Remove unnecessary third-party scripts – each script can slow a page down by 34 ms.
  • Upgrade your web host – better hosting means faster loading times.
  • Set up lazy loading – this makes it so that images only load when someone scrolls to it.
  • Remove large page elements – images and videos can slow down LCP.
  • Minify CSS – only load CSS necessary for each page.

To improve FID (First Input Delay):

On login, sign-up, or other pages where users need to quickly input something, the time until they can do that needs to be quick.

  • Minimize or defer JavaScript.
  • Remove non-critical third-party scripts.
  • Use a browser cache.

To improve CLS (Cumulative Layout Shift):

You want your elements to be stable and not move around when a user loads the page. If elements move around when someone is trying to click on something, it creates a frustrating user experience.

  • Use specific size dimensions for any media.
  • Make sure ad elements have a reserved space.
  • Add new UI elements below the fold.

Real-World Results

Being aware of these upcoming changes, we have already begun applying the knowledge cultivated from Google to improve our own and our client’s website scores. The key is to first, assess where you are today and what your website health is, and how it could impact your future search rankings. Based on these findings, implementing even incremental changes can make a significant difference in your results.

We extensively administer UI, UX, Performance, SEO, and Accessibility Compliance audits on an ongoing basis to the sites that we maintain to stay ahead of the ranking signals. We have been able to increase total page scores by a minimum of 10%, in some cases up to a 58% improvement!

How are Your Core Web Vitals?

Need help identifying your current website health?
Through May and June, we are offering a free “Pulse Report” to help you identify your overall site health and we will provide three changes you can make immediately that will improve your overall scores.

Start the Conversation

BlueSky’s unmatched commerce expertise allows us to help our clients understand how to utilize omnichannel and business solutions to reach, attract, engage, and grow customers.

Related Posts

Why Omnichannel Retailers Need Virtual Inventory

Why Omnichannel Retailers Need Virtual Inventory

What is Virtual Inventory? Virtual Inventory gives retailers new ways to aggregate and segment their stock. It lets them create virtual pools of inventory—defined by inventory rules, buffers, and exclusions—and control which inventory pool is used for what purpose,...

Customer Journey Mapping – Part Two

Customer Journey Mapping – Part Two

Using Customer Journey Mapping to Build a Loyal Customer Base and Cheering SectionAs discussed in the blog, Customer Journey Mapping Starts with Walking in your Customer’s Shoes, we covered many of the benefits of why mapping out your customer’s journey through your...

HCL Commerce Continuous Improvement Update: Promised vs. Delivered

HCL Commerce Continuous Improvement Update: Promised vs. Delivered

We're nearing the 3-year anniversary of HCL Commerce's acquisition of WebSphere Commerce from IBM. Since 2019, HCL Commerce has steadied the platform on a path to success, collecting feedback from valued customers and partners, to foster cutting-edge continuous...