Core Web Vitals Explained: How To Fix Site Optimization Issues

Team TypeStack
Team TypeStack ...
Dec 09, 2022  . 5 min read
shareshareshare
share
Table of Content

When it comes to assessing websites, Google uses a handful of ranking signals. Core web vitals are among the most recent page experience scores. If you don’t optimize your website according to these metrics, it can badly affect your website’s SEO. In this blog, we will be talking about how to detect if your website has issues and how to fix those issues,

What are Core Web Vitals?

Core Web Vitals is part of Google's page experience score which also includes things like mobile optimization, having HTTPS on your site, and guidelines against popups. Page experience is part of Google's effort to deliver the best possible experience for its users. This is why Google recommends fast websites to their users in the search results!

But why should you care about this stuff? Core Web Vitals are part of the actual Google ranking algorithm. Second, Google wants its users to be happy. When your website delivers quality, informative, and relevant content, along with good UX, they rank you higher. Third, nice web experiences better convert visitors into buyers. Google found that users are 24% less likely to abandon web pages when they meet the Core Web Vitals standards. 

Why optimize your Core Web Vitals?

Everyone is using tools nowadays to optimize their content. Everyone is building quality links. But if you put yourself among those optimizing for Core Web Vitals, it will give you that edge. Understanding it can be a little bit tricky, but that's what this video is for, to make it very simple. 

How to check Core Web Vitals?

Well, you can check Core Web Vitals using various methods. However, it's best to do it using actual field data from what's called the Chrome User Experience Report or CrUX. They look at the Google Chrome data from actual users of your website in the past month. So if you want to make changes that are going to fix Core Web Vitals issues, it might not show up in the places that use CrUX reports for about 28 days. As Google uses this data to make its ranking decisions, it is more valuable to you. 

There are also various speed test tools that will give you what's known as synthetic testing or lab data. These simulate the experience of a real user, which is indeed helpful. But it has its limitations, 

This is how you can check your Core Web Vitals for free

For your field data CrUX-based reports, our first suggestion is to set up a CrUX speed report for your website at https://c.go/chromeuxdash. Start to fill this stuff out and eventually, you will be able to get a CrUX report. 

Another place to get a CrUX report is from your reliable Google Search console. Find the Nav bar on the left and scroll down until you find Core Web Vitals. In the Core Web Vitals screen, you can also see a breakdown of mobile issues on the top and desktop issues at the bottom. Click on Open Report to get more information about the issues. 

Understanding the reports

When it comes to understanding these reports, there are three main metrics you need to look out for. They are:

  • Largest contentful paint, LCP
  • First input delay, FID
  • Cumulative layout shift, CLS. 

LCP is basically your load time. The time it takes from clicking on the website in the Google Search results and seeing a majority of the content above the fold. This is when the user perceives the site to have mostly finished loading. Ideally, you would want it to be faster than 2.5 seconds. The typical things that can slow down your largest contentful paint are scripts. When you have a bunch of ads loading on the page or a bunch of videos popping up all over the place or lead magnet forms popping up, you need to watch out for your LCP. Showing large high-quality images on your pages can definitely slow you down too. 

First input delay measures the response time to interaction. FID delay would measure how long it takes for the email intake form to pop up. You want it to be faster than a hundred milliseconds. The major pain points here are almost exclusively related to your chosen host and your server response time. 

CLS is a new metric that attempts to measure how stable a page's layout is during the loading process. When you go to a site and click on something, and then a banner bar loads, or the layout shifts slightly and you have to adjust where you're clicking. That's a layout shift and a bad user experience. 

Here is the solution!

The good thing is that when it comes to LCP or FID, the solutions are quite the same. If you fix one, you're fixing both of them. And if you're familiar with website speed optimization, you are going to see a lot of similar strategies. First, you should optimize your hosting. Step two, you should set up some caching. For example, WordPress just doesn't go fast unless it has some caching. 

Next, you should get a cloud delivery network setup, also known as a CDN. You should also compress your images. You don’t want to slow down your largest contentful paint with heavy images!  

Now it's time to optimize your scripts. First, remove all the useless scripts. There are always some old plugins you don't use anymore. Uninstall them. Now for the last LCP and FID optimization, upgrade to HTTPS. It uses HTP2, which is just faster than HTP1.  

Conclusion

So, that’s all about Core Web Vitals and how to fix optimization issues. Once you fine-tune them, you will see a massive improvement in your website’s ranking and performance. Try them out and see the results yourself! 

success