14 February 2022
Google has always valued the needs of its users. They’ve always worked for a better user experience, from keyword stuffing to introducing website load speed, a ranking consideration to mobile-first ranking. Another step in that approach is Core Web Vitals.
Google uses a combination of significant metrics to rank pages, and Core Web Vitals is one. They analyze the site’s usability, speed of loading, visual stability, and information relevancy. When users search on the internet, all Google Core Web Vitals strive to guarantee that the user receives the best and most relevant results.
Web Vitals metrics are divided into two parts: Core Web Vitals and non-Core Web Vitals.
The Core Web Vitals are:
And the non-Core Web Vitals are:
But, before we go through all of the Web Vitals, let’s talk about why they’re so important.
The importance of Core Web Vitals is that they reflect how your website performs for users. It is concerned with the speed with which a website loads and how quickly visitors can connect.
According to recent research, a 1s delay in page load time can result in a 7% drop in conversions, an 11% drop in page visits, and a 16% drop in customer satisfaction.
As a result, it’s critical to speed up and improve the performance of your website. On the other hand, most performance measurement methods did not consider the quality of the user experience.
Conversions, page views, and customer satisfaction all suffer from a faster website with a bad user experience. Improving core Web Vitals can help you solve this problem.
In SEO rankings, user experience is also a significant factor. Google has previously said that starting in May 2021, page experience will be one of the ranking factors in the search algorithm update.
Now, let’s take a look at each of the three Google Core Web Vitals components:
Largest Contentful Paint is a core web vitals metric that measures the time it takes for a page to load. It calculates the time it takes to render the largest content element inside a user’s viewable area. It does not measure the entire page.
According to Google, your site should have an LCP of 2.5 seconds or less to give the best user experience.
LCP is graded on a scale of “good” to “poor,” much like the other Core Web Vitals metrics:
This element is supposed to be the first thing a person sees when they visit a page. LCP dramatically impacts the user experience since a good score will make the user think the site loads faster, but a bad score will make them frustrated. It’s also been established that this score will affect SEO rankings in the future.
Following are the reason for the bad LCP score:
Following are the ways to improve your LCP score:
A reaction time of 100ms or less is perceived as instantaneous by users. This indicates that a technical SEO agency should try for a First Input Delay of fewer than 0.1 seconds for all web pages.
FID is graded on a scale of “good” to “poor,” much like the other Core Web Vitals metrics:
If a user seeks to engage with a website and does not reply promptly, they will likely feel dissatisfied. It is critical to reduce annoyance to improve the website experience. In a future page experience SEO algorithm upgrade, this measure will directly influence SEO rank.
The most common causes of a poor FID are:
Following are the common ways to improve your FID score:
Cumulative Layout Shift refers to the sudden movement of webpage components while the page is still downloading. Fonts, images, videos, contact forms, buttons, and other types of content are examples of elements that induce shift.
You should keep CLS to a minimum because shifting pages might lead to a bad user experience.
CLS scores start at 0 for totally static web pages and grow as the layout of the page changes.
Your layout is more stable if you have a lower score. Google’s performance tools utilize the following official CLS scores:
When content moves unexpectedly, it’s one of the most frustrating experiences for end-users. This might lead a user to lose focus of where they are in the processor to click or press on the wrong object. It’s very frustrating and harmful to the user experience, prompting Google to consider it a ranking factor.
According to Google, the following are the reasons why Cumulative Layout Shift happens:
Following are the ways to improve your CLS score:
While Core Web Vitals are becoming ranking signals, additional web vitals should not overlook. Taking care of these metrics is the same as caring for the User Experience.
Other Web Vitals:
Total Blocking Time (TBT) is the length of time that Long Tasks (all tasks running more than 50ms) block the main thread and decrease page usability. It displays how static a page is before it becomes completely interactive.
In an average device and network connection, a decent Total Blocking Time is less than 300 milliseconds. Lighthouse calculates Total Blocking Time by adding the total blocking impact of the Long Tasks and comparing it to the TBT Score of the top 10.000 websites. This measurement includes 404 pages and assets.
Total Blocking Time classifying thresholds:
Following are the reason for the poor TBT score:
Following are the ways to improve TBT score:
When a website starts loading, the first content shown on the screen is measured as First Contentful Paint (FCP).
It’s a user-centric statistic since it reveals how a user views a website’s performance (not how speed test tools assess it). FCP should be as low as possible. A quick FCP tells the user that something is going on.
According to Google’s documentation on calculating metric ratings, they assess FCP times in three categories—good, needs improvement, and poor—and describe how they obtain the percentile scoring utilized by their Lighthouse tool.
The reasons for the low FCP score are as follows:
The following are some suggestions for increasing your FCP score:
The Speed Index (SI) is a page load performance statistic that indicates how soon a page’s contents are visible. It’s the average amount of time it takes for visible sections of the page to load. The lower the score, expressed in milliseconds and depends on the viewport’s size, the better.
According to Lighthouse, a decent Speed Index Score must be less than 4.3 seconds. Between 4.4 and 5.8 seconds is the average Speed Index Score. A speed index of more than 5.8 seconds regards as poor. Lighthouse calculated all of the data on this page using HTTP Archive Standards. The good, medium and bad Speed Index Score criteria for Lighthouse will change if the HTTP Archive data changes.
The following are some of the reasons for a low SI score:
Here are some suggestions for increasing your SI score:
TTI is a performance statistic that evaluates a page’s load responsiveness and helps analyze situations when a website appears to be interactive but isn’t.
TTI identifies whether the page is reliably ready for user interaction following the First Contentful Paint (FCP).
To provide a decent user experience, you should always aim for a Time to Interactive of less than 3.8 seconds. Your TTI score is based on comparing your page’s TTI time to the TTI timings of high-ranking sites, whether viewed on mobile or desktop.
This is how Lighthouse interprets the TTI score:
Some of the causes for a poor TTI score are as follows:
Here are some ways to help you to improve your TTI score:
Google has made it easy for SEOs and website owners to track Core Web Vitals using various tools.
Core Web Vitals were released only a few weeks ago, and they could only be assessed using the Chrome UX report at the time.
With the news that Core Web Vitals would be included in Google’s ranking algorithm, the firm is enhancing many of its existing tools with measurement capabilities.
Google Core Web Vitals can now be measured using:
When it comes to measuring and assessing Core Web Vitals, Google PageSpeed Insights (PSI) is one of the essential SEO tools. PSI uses Lighthouse and Chrome UX Report to give data from both the lab and the field on mobile and desktop devices. PageSpeed Insights gives detailed advice on how to enhance the site’s speed in addition to providing an overview of field data from real-world users (CrUX).
Google Search Console can help you examine and discover groupings of pages that may need to be improved or fixed. GSC is based on data from the Chrome UX Report, which is based on real-world field research. The URLs are categorized by their metric type and status (poor, needs improvement, good). The GSC Core Web Vitals report will show you how well all (or most) of your web pages perform in terms of Core Web Vitals.
Google Lighthouse is the most popular tool for testing your website in a lab environment. It lets you audit and evaluates your website in four areas: performance, accessibility, best practices, and SEO. Lighthouse tracks LCP, CLS, TTI, and TBT, among other lab user experience parameters. The tool will provide you with detailed advice on enhancing your site, similar to PSI (primarily based on Lighthouse). Make sure to check out the Lighthouse Scoring Calculator when you’re testing your site with Lighthouse.
Chrome DevTools is a developer tool that comes pre-installed with the Chrome browser. To access it, right-click and select “Inspect,” and Chrome DevTools will appear. You may examine some of the Core Web Vitals indicators using the Chome DevTools Performance panel. Keep an eye on Web Vitals. The part on experience will assist you in analyzing layout adjustments.
Chrome UX Report is a public dataset that provides real-world user experience data from millions of websites. It is not a tool in and of itself. The Chrome User Experience Report data originates from Chrome users who have opted in; thus, it monitors field data for all Core Web Vitals indicators. You can use the CrUX API to measure the field versions of Core Web Vitals in your app if you’re a developer.
GTmetrix is another important lab tool for assessing your site’s speed and performance. The tool is based on Google Lighthouse data. It tracks parameters like Largest Contentful Paint, Total Blocking Time, Cumulative Layout Shift, and more.
Web Vitals is a Google Chrome Extension that allows you to monitor Core Web Vitals information in real-time on your desktop. Developers who wish to evaluate and troubleshoot the changes made may find the Web Vitals Chrome Extension helpful. Go to the website and click on the extension to examine the data.
Core Web Vitals will become ranking criteria for Google in June 2021; thus, these indicators may influence your SEO performance.
The new Page experience signals will include HTTPS security, safe browsing, mobile-friendliness, and intrusive interstitial guidelines.
Google Core Web Vitals impacts organic results on both mobile and desktop, as well as whether or not your site appears in Top Stories. Previously, if you wanted to appear in Top Stories, you had to utilize AMP. When Google implements the update, this will no longer be the case, but your site will need to satisfy specific minimum Core Web Vitals scores to appear in Top Stories.
Furthermore, it appears that all Core Web Vitals indicators must be satisfied to enhance organic ranking. The Core Web Vitals score for indexed pages may also be necessary.
In summary, boosting your Google Core Web Vital scores is now required if you care about your WordPress SEO performance.
There is no formal cut-off point. One of the most popular guidelines is that your website should load in under two seconds. This is most likely due to Google research that found that 47% of mobile users abandon a website that takes longer than two seconds to load.
Although this advice is most likely based on the Speed Index measure, I don’t believe Google has ever stated a specific metric when providing a page speed score. Typically, Google officials’ advice is general, such as “make sites quick for users” or “make sites as fast as feasible.”
User experience is influenced by page speed, and it may make or break your website. A faster page performance improves the user experience, increasing page visits conversions and lowering bounce rates. Let’s look at the advantages of growing page speed in greater depth.
According to our study, 47% of customers want a website to load in under two seconds.
After that, every second degrades the user experience. Viewers don’t like to wait for your page to load; therefore, they’ll typically click away to discover a company that offers a better user experience.
You may have observed that several of the indicators I discussed before, such as LCP and CLS, impact page ranking on Google. Google adds data evaluating load times to offer high-quality search results for users. As a result, the faster your page loads, the higher your Google rating.
Users will be happy and more likely to become clients if your sites load fast. HubSpot discovered that cutting page load time by three to seventeen percent boosted conversions in 12 case studies.
The math was done. A one-second page delay may cost you $2.5 million per year if your e-commerce site generates $10,000 daily.
According to Think with Google, increasing your website load time from one second to three seconds raises your bounce rate by 32%. If it is increased from one to five seconds, the chance increases by 90%.
A few seconds might mean the difference between retaining and converting users or losing them to competitors.
To know more, see our detailed guide on how to reduce bounce rate in WordPress.
You can try the following actions to increase page speed:
The longer it takes the server to locate and load the correct page, the more redirects you have. Remove any unneeded redirects you can.
Remember to add the trailing slash at the end of the URL. You’re informing the server that there are no file folders to go through and that this page is the ultimate destination.
As a result, your URL should be www.pickupwp.com/blog/ rather than www.pickupwp.com/blog.
It will reduce your load time by a fraction of a second, and every millisecond matters.
Large image files or a large number of photos can significantly increase the time it takes for your website to load. Make sure all of your photos are correctly scaled and compressed.
Images should also be preserved in the correct format. The most readily compressed formats are PNG and JPEG, which are supported by all browsers.
Compressing a picture decreases the file size, which is measured in kilobytes and megabytes. High-quality photos can be reduced by 60 percent to 80 percent on average. You should never use an image that is more than 1MB in size.
The size of the image on the page can be changed by resizing it. Smaller images should be 700 pixels or less, while larger images should take up the whole width of your site (or around 1900 pixels). You can always reduce the size, but increasing the size without pixelating the image is quite challenging.
There are several image optimization plugins available that you can use for image optimization and compression.
With a CDN, your site is hosted locally by a network of servers, which reduces page load times. A person in Dublin visiting a website located in Los Angeles, for example, would not need to ping the origin server but rather a server closer to home in Ireland.
It decreases the number of requests to the origin server by distributing the content over several servers, slowing download times.
When a site caches, the server stores copies of its pages so that it doesn’t have to reload the site every time. You may save time by using caching.
You get what you pay for when it comes to website hosting. Cheaper plans may not be able to manage as much traffic, resulting in slower website loading times.
There are four types of web hosting providers from which to choose:
Consider the size of your site and your budget when selecting a hosting service for your website.
Core Web Vitals are vital for WordPress SEO since they may help you gain more recognition for your website while keeping it organized and clean.
These metrics can increase your website’s visibility and ranking in browsers and provide a good browsing experience for your visitors.
It is important to begin optimizing your website as soon as possible to avoid receiving negative feedback or ranking lower in search results.
We hope this article helps you to learn about Google Core Web Vitals and how to optimize them. You may also see our list of best cache plugins for WordPress to increase page speed and guide to increase the speed of your WordPress website.