GOOGLE CORE WEB VITALS
What is Google Core Web Vitals and Why Should You Care?
In the past, it’s been a challenge for web developers to measure how quickly the main content of a web page loads and is visible to users.
At the W3C Web Performance, Working Group, and research which was done at Google, a more accurate way to measure when the main content of a page is loaded is to look at when the largest element was rendered.
The Google Core Web Vitals report educates you on how each of your web pages performs to a set of Google metrics. Google Core Web Vitals results are based on real-world usage data (sometimes called “field data”). You can read more about this initiative on the Google Search Central Blog by clicking on this link.
Google uses this Core Web Vitals report, along with your web page content, to decide where your web page content should “RANK” when someone does a Google Search. The HIGHER you RANK on Google Core Web Vitals, the more likely you are to be on PAGE 1 versus your COMPETITION for similar web page content.
The metrics of Google Core Web Vitals will evolve over time. The current set focuses on three aspects of the user experience — Loading (LCP), Interactivity (FID), and Visual Stability (CLS). They include the metrics and their respective thresholds as shown in the above image:
- Largest Contentful Paint (LCP): This measures loading performance. To provide a good user experience, LCP should occur within 2.5 seconds of when the page first starts loading.
- First Input Delay (FID): This measures interactivity. To provide a good user experience, pages should have an FID of 100 milliseconds or less.
- Cumulative Layout Shift (CLS): This measures visual stability. To provide a good user experience, pages should maintain a CLS of 0.1. or less.
For each of these metrics, a good threshold to measure is the 75th percentile (Label = GOOD) on both the Mobile and Desktop measurements. A lower score will likely cause your Google Page Rank to be lower for a Google Search on Keywords related to your Business’s Products and Services.
HOW TO IMPROVE LCP:
- Slow server response times
- Resource load times
- Client-side rendering
- Optimize CSS
- Optimize Images
- Optimize Web Fonts
HOW TO IMPROVE FID:
First Input Delay (FID) is a Core Web Vitals metric that captures a user’s first impression of a site’s interactivity and responsiveness. FID measures the time from a user’s first interaction with a page to the time when the browser is actually able to respond to that interaction. FID is a fielding metric and cannot be simulated in a lab environment. Real user interaction is required in order to measure the response delay.
- Break Up Long Tasks
- Optimize Your Page For Interaction Readiness
- Use A Web Worker
- Minimize Unused Polyfill
- Code-split Your Bundle Into Multiple Chunks
HOW TO IMPROVE CLS:
Have you ever been reading an article and without warning, the text moves, and you’ve lost your place. Or worse: you’re about to tap a link or a button, but in the instant before your finger lands—ZOOM—the link moves, and you end up clicking something else! Super annoying, right?
Unexpected movement of page content happens when resources are loaded asynchronously or DOM elements get dynamically added above existing content. The root cause might be an image or video with unknown dimensions, a font that renders at a different size than its fallback, or a third-party ad or widget that resizes itself.
The Cumulative Layout Shift (CLS) metric helps you address this problem by measuring how often it’s occurring for real users.
- Be sure to respect
prefers-reduced-motionbrowser settings, as some site visitors can experience ill effects or attention issues from animation.
- Instead Of Changing The Height And Width Properties, Use Transform: Scale().
- To Move Elements Around, Avoid Changing The Top, Right, Bottom, Or Left Properties And Use Transform: Translate() Instead.
Questions? Please tap the Contact Us button or read our FAQs to find your answer.
HAVE QUESTIONS? READY TO ORDER?
There are many more questions you likely have about solving your business challenges.
Let’s Set Up a 100% FREE, NO OBLIGATION F2F Meeting, Zoom Meeting, or Phone Call to learn more about each other.
PS: In March 2021, I completed the two-dose Covid-19 vaccination. In October 2021, I completed the 3rd dose booster shot. In F2F in-person meetings, I am happy to wear a mask upon request. We can meet at your office or a coffee shop convenient to you.