So, let’s first start what are the Core Web Vitals.
Therefore if your website is full of red URLs, then you need to spend some time redesigning those pages to give it a new, fresh, and most importantly fast look, which we will be talking about in the other section.
So let’s look at the 3 Core Web Vitals Musketeers.
3 Core Web Vitals Musketeers
The three core web vitals musketeers are the current aspects that Google is looking at to determine the user experience of each web page.
Of course, with time Google is planning to add more aspects to the core web vitals but these are the three most important at this moment, which is in September 2020 when I am writing this article.
Also, I will be regularly updating this page so you have the latest information about core web vitals.
Largest Contentful Paint (LCP): And what it means is basically the time from once you click on a link to seeing most of the website content like text, pictures, videos, etc. on your browser. And the good score for LCP is below 2.5s.
First Input Delay (FID): And what it means is basically the time of interaction of your website when users click on a link, button, menu, video, form, etc. This for blog website is not usually a problem but for more interactive websites like forums and social media, this metric is super important. And the good score for FID is 100ms
Cumulative Layout Shift (CLS): And what it means is how stable is your website design, if you for example scrolling down a page and thinks to start popping up like for example ads, which can cause you to click on something else, or on the ads itself. And Here actually you can see a pretty good example from Google. (example)
So this is the three main musketeers of the new Google feature the Core Web Vitals. You might not see them if your website is new and did not have enough traffic to collect enough data to see the results like for example in this case.
But don’t worry they will show once you have larger website traffic.
How They Affect Your Website?
Like I already said about Google’s intention is to use these aspects as a ranking factor in 2021, so it obviously will affect the website ranking in some way.
And Google already started slowly moving towards these metrics as when they introduced mobile-first indexing in July 2019 and also page speed as a small ranking factor.
BTW if you want to know more about how Google actually looks at website page speed, check out my video here, where I explain Page Speed and how significant it is, or is not? Just check it out after this video.
So let’s check out a few case studies and how core web vitals affect your website if you meet their threshold.
Because obviously if you start having a lot of slow pages, your ranking will be affected an not just that, but your bounce rate, conversion rate, sessions, and more that will negatively affect your website and sales.
Core Web Vital Case Studies
Rossignol.com increased conversion rate by 94% – The first example is from Rossignol.com where they focused on their load time. Rossignol is a big brand operating in dozens of countries with 40+ stores across them and they launched a new project to improve their user experience.
Their biggest problem was their load time which could be as long 10-15 seconds and that obviously was affecting the brand bounce rate, conversion rate, and sales.
So after 12 months of hard work to redesign their website, they have improved their load time by 1.9 seconds and cut their Speed Index by a factor of 10, contributing to a 94% improvement in conversion rate when compared to the year prior.
Which website with a peak of 2.2 million unique visitors in skiing countries makes a massive difference in sales.
ALDO brought in 572% more revenue from the fast rending single page than from average rending single page – The second example is the ALDO brand where they look at page speed as a fast = cash. And this gave them the need that they have to improve their eCommerce store rendering speed.
So after improving their website, ALDO found that on their single-page app, mobile users who experienced fast rendering times brought 75% more revenue than average, and 327% more revenue than those experiencing slow rending times. on desktop, users with fast-rendering times brought in 212% more revenue than average and 572% more than slow rendering.
And this is crazy and how the page speed can influence eCommerce store sales and it literally shows that fast = cash.
And we could go on and on but I hope you have got the idea, but if you want to check out more case studies, you can learn more about them here on wpostats.com. You will find all kind of statistics and case studies about websites improving their core web vitals improved their ranking, sales, conversion rate, and more, so check it out.
So, when I have explained how core web vitals are actually affecting your website when you trying to meet the threshold, let’s look at how you can improve your core web vitals.
This is a quite tricky question as every website is a bit different therefore I will give you 3-5 tips on how to improve each of those aspects.
Largest Contentful Paint (LCP): So let’s first start with the Largest Contentful Paint (LCP) and what you can do to improve this aspect.
This aspect is mainly focused on loading the visual stuff so that is where we will be looking at the most. So what you can do to optimize LCP is:
Compress and Optimize your pictures. You can use online tools such as tinyjpg.com, tinypng.com, or my favorite convertio.io. I also like to compress the picture and then convert it into a webp picture format.
The next is using lazy load for your pictures and videos. WordPress with a new version 5.5 has included this in the software.
Another great thing is using CDN (content delivery network) and CDN for pictures.
And lastly using the AMP version if you can, especially for your blog posts.
First Input Delay (FID): The second is the first input delay (FID) and what you can do to improve this aspect.
This aspect is mainly focused on how well is your website interactive, you know the feeling with old 95 Windows XP when you click on icon and nothing happens, so you click twice nothing, so you start clicking thousands of times and still nothing.
So, this aspect is about to avoid this kind of situation and this is what you can do:
Do not over complicated your “head” section with too many codes. Like for example code from Google Analytics, third-party tools, and others. If you can, use Google Tag Manager.
Next are Plugins and they cause a lot of problems to FID and therefore it is recommended it to use as little plugins as possible on your website.
And lastly use a speed optimization plugin like for example my favorite WP Rocket.
Cumulative Layout Shift (CLS): and last is cumulative Layout Shift (CLS) and what you can do to improve this aspect.
This aspect is mainly focused on the unexpected movement of a page like I showed you the video from Google.
This usually happens because resources are loaded asynchronously, or DOM elements get dynamically added to the page above existing content.
So this is what you can do to improve CLS:
Avoid using ads on your website. Using ads like AdSense from Google is known for causing trouble and therefore the biggest sides want to use adverts. I strongly recommend using affiliate marketing you make more if you don’t use ads and only affiliate then ads and affiliate.
Next, try to use Google fonts rather than fancy fonts on your website, sometimes they can take a lot of time to load which causes the unexpected movement of the page.
And lastly, invest in proper hosting if you are serious about your website. BTW I have left links in the description for my two favorite web hosting. (Check out HostGator alternatives.)
Alright, that is all about how you can improve your core web vitals, I know these can be quite tricky to improve and I strongly recommend using the professional help of a website developer for example for Fiverr or UpWork. Also using well optimize themes and website builders like for example Elementor.
5 Core Web Vitals FAQ
As I said, Core Web Vitals are new to all of us and we still do not know much about them, but let’s answer the Core Web Vitals FAQ every website owner has about them.
Of course, if you have more questions, you can ask me here and I will do my best to answer your questions and also added in here.
What tools can I use to measure core web vitals? – Google has provided numerous tools for you to effectively measure the core web vitals, you can check out this picture.