When it comes to optimizing your website, you do so for various reasons. It’s important that your site is set up to generate leads, optimized for SEO, encourages more email subscribers so you can grow your email list, and that it provides an optimal user experience.
You may not have heard of it before, but Core Web Vitals are especially important for increasing the experience of your users. Let’s dive into what Core Web Vitals are and what you can do to make sure your website has good Core Web Vitals.
What are Core Web Vitals
Web Vitals is an initiative by Google on how to provide a great user experience (UX) for the web. Core Web Vitals, a subset of Web Vitals, helps you to judge your website’s UX against a distinct set of UX metrics.
Google intends to evolve Core Web Vitals over time. However, as of 2021, the current set of Core Web Vitals focuses on the following three areas of UX: loading, interactivity, and visual stability.
These three areas are measured as Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS).
Why Core Web Vitals Are Important
In May 2020, Google announced that Core Web Vitals would be incorporated into Google’s Search Ranking Signals. What that means is your website’s Core Web Vitals will influence how well your website ranks in Google Search, along with many other ranking factors.
Google began introducing Core Web Vitals to Google Search in June 2021 and is scheduled to be completed by the end of August 2021.
Since 2015, Google has been increasing the importance of good website UX as a Search Ranking Signal. This puts more emphasis on website owners to ensure their website UX is excellent if they want to be rewarded with good Google search rankings.
How Can I Tell if My Website Has Good Web Vitals
Unlike most of the other Search Ranking Signals, Google has made it easy to know if your website has good or bad Core Web Vitals.
For a fast and simplified overview of your website’s Core Web Vitals, enter your website URL into Google PageSpeed and hit the Analyze button.
To check your website’s Core Web Vitals as well as other user-experience metrics, you can run a Google Lighthouse audit from within Chrome DevTools.
Although there are other ways to check your website’s Core Web Vitals, these two tools use field data wherever possible as opposed to lab data. Field data means data collected from real-life users that have visited your website in the past. Lab data means simulated data based on averages collected from other websites.
Google recommends using field data over lab data when testing a live website’s vitals as field data is more closer to what an actual website user would experience in the real world.
What Can I Do to Make Sure my Website has Good Web Vitals?
Ensuring your website is golden when it comes to Good Web Vitals isn’t necessarily a quick SEO tactic you can implement in just 15 minutes. However, that doesn’t mean it isn’t worth doing.
Fortunately, Google has outlined what metrics you should aim for if you want to have good Core Web Vitals. They are as follows:
- Largest Contentful Paint: within 2.5 seconds of when the page first starts loading.
- First Input Delay: 100 milliseconds or less.
- Cumulative Layout Shift: 0.1. or less.
If your website’s Core Web Vitals are not within the thresholds outlined above, the next section will tell you how you can improve them.
Improving Largest Contentful Paint (LCP)
The time it takes for a browser to receive content from your server can have an adverse effect on how quickly your website appears on the screen. A faster server response time improves page-load metrics, including LCP and time to first byte (TTFB). You can improve your TTFB by:
- Cleaning up your server and ensuring it has enough resources
- Implementing a content delivery network (CDN)
- Making sure HTML pages are served cache-first
- Establishing third-party connections early
- Using signed exchanges (SXGs) wherever possible
Unoptimized WordPress websites are notorious for having poor LCP/TTFB metrics. That’s why investing in a high-performance WordPress hosting server is important if you want to achieve the best Core Web Vitals scores.
- Reduce/remove render-blocking JS and CSS
- Compress and minify JS and CSS
- Defer non-critical JS and CSS while making critical JS and CSS inline
- Remove unnecessary images
- Optimize and compress all images
- Use modern image formats such as JPEG 2000, JPEG XR, or WebP
- Lazy-load website assets and consider using an image CDN
- Preload any custom web fonts and use the WOFF2 format
- Ensure GZIP is enabled on your web server or CDN
Improving First Input Delay (FID)
FID measures the time from when a user first interacts with your web page to the point where they can actually respond. A real-life human interaction would be necessary in order to measure this response delay. That means lab tests will not work to simulate FID. If you are unable to test your website with field data, total blocking time (TFT) can be used as a fallback metric. Here are a few ways to improve your website FID and TFT metrics:
- Break up long tasks into smaller asynchronous tasks
- Optimize your web page for interaction readiness
- Use a web worker for non-UI operations
- Minimize unused polyfills
Improving Cumulative Layout Shift (CLS)
Have you ever gone to click a website button only for it to shift its position when the page finally loads? That’s an example of a website with poor CLS. The CLS metric measures how unstable your website layout is by summing up layout shifts that happen without user input. It also looks at how much visible content has shifted in view as well as the distance it shifted by. If your website has poor CLS, here are a few ways to improve it:
- Always include width and height size attributes on your website images and videos
- If your website has banner ads, statically reserve a space for the ad slots
- Avoid placing non-sticky ads at the top of the viewport
- Use a placeholder or fallback to reserve the space for iframes and embeds
- Avoid pop-ups that shift the layout of your web pages when they are still loading
- Avoid using animations that shift your website layout
- Use the CSS transform attribute over attributes that can cause layout shifts such as box-shadow and box-sizing
Website optimization is crucial for success. Your site plays a key role in growing your email list and getting you new leads to engage with. It needs to be built successfully so it leaves an impression and delights your users.
Improving your Core Web Vitals will not only help improve your user experience but also your website’s ability to rank well in Google search.
James, Founder of jamesbanks.co, teaches entrepreneurs how to start and scale online businesses with search engine marketing. His content stems from growing over a thousand businesses over the last decade as a digital marketing consultant and agency co-owner.
Daily Search Forum Recap: May 26, 2022
Here is a recap of what happened in the search forums today, through the eyes of the Search Engine Roundtable and other search forums on the web.
Google’s May 2022 broad core update is now rolling out and the story below dives into what we’re seeing early on with this update. Google Ads smart display campaign and optimized targeting changes are coming soon. Google Ads audience targeting and reporting features to Google Ads. Google AdSense search style ad extensions are updated. Alexa rank works on the backend still, even after it was decommissioned.
Search Engine Roundtable Stories:
Other Great Search Threads:
Search Engine Land Stories:
Other Great Search Stories:
Industry & Business
Links & Content Marketing
Local & Maps
Mobile & Voice
Have feedback on this daily recap; let me know on Twitter @rustybrick or @seroundtable, you can follow us on Facebook and make sure to subscribe to the YouTube channel, Apple Podcasts, Spotify, Google Podcasts or just contact us the old fashion way.
Google Execs Share Vision & Strategy For Google Ads
Twitter Agrees to $150 Million Fine from the FTC Over Past Misuse of Users’ Personal Information
Daily Search Forum Recap: May 26, 2022
Minecraft The Wild Update Releasing June 7
YouTube Analytics Now Separates Data By Video Type
TikTok Shares New Insights into Effective Promotional Approaches in the App [Infographic]
Hootsuite joins TikTok’s Marketing Partner Program
3 changes coming to Google Ads audience features
TikTok Brings Account Management To Third-Party Tools
Google Ads Adds Audience Targeting & Reporting Features
LinkedIn Adds Live Captions for Audio Events, Custom URL Listings on Creator Profiles
Daily Search Forum Recap: May 2, 2022
Six Ways to Adjust Google Ads to Save Budget
How Does Google Multisearch Affect SEO?
How to Write the Perfect Page Title With SEO in Mind
Where To Invest In SEO For Maximum Impact
Google Says You Can Use Hashtags In Meta Descriptions
Google Testing New Ad Format With Swipeable Images In A Carousel
Google Search Console URL Parameter Tool Is Now Offline
What’s A Good Cost Per Acquisition (CPA)? Ask The PPC
SEO3 days ago
Google Unveils New Ads Manager Tools For Video Ads
MARKETING4 days ago
50 Video Marketing Statistics to Inform Your 2022 Strategy [New Data]
SEARCHENGINES6 days ago
Google Displays Out Of Stock For Items Using Back Order Value In Structured Data
MARKETING6 days ago
How To Increase Conversion Rate For Your eCommerce Store