What are the core online victories?
The core network credits of the user experience are as follows:
- Maximum Content Goal (LCP): This meter measures the amount of time the main content of a web page appears to users. Google recommends an LCP of less than 2.5 seconds.
- Cumulative layout change (CLS): This measures the number of layout changes that unexpectedly move the main content of the webpage. These changes affect the user’s ability to read the content and interact with the page correctly. Google recommends a CLS score of 0.1 or less.
Google has integrated Core Web Vitals into several top tools for developers and webmasters, starting Chrome User Experience Report.
This report collects real data from users as they browse the web, and then distributes it to developers with tools like PageSpeed Insights and the Google Search Console.
PageSpeed Insights analyzes the performance of your website and makes suggestions to increase its speed. It scans all three Core Web Vitali in both mobile and desktop browsers. Field data refers to actual user data from the Chrome User Experience Report.
Indoors Google Search Console, you will find your Web Web Vitals page for your website. The Google Search Console uses information from the Chrome User Experience Report to show you problems with your website.
Chrome Web Vitals Plugin allows you to see Core Web Vitals as you browse the web or edit your web pages.
The extension can also check the current score of competitors. It uses vital library and field information from the Chrome User Experience Report.
These tools allow you to view the LCP, FID, and CLS of your website. Websites with too little traffic may be missing some information, especially in the Google Search Console.
You can start a quick overview of your Core Web Vitals app by starting a project for your website in Semrush. Use the site verification tool to see the LCP and CLS for the 10 pages you selected:
You can’t check your FID with the Site Inspection tool, but it follows a similar variable: Total Block Time (TBT). Read more about the operation of this meter in the Semrush Measurement Guide With the CWV Site Audit tool.
Find and fix Sitemap errors
with the site verification tool
You can view Core Web Vitals for both desktop and mobile browsers, but you need to create a project for each device. When you run the scan again, the tool restores any changes to vitality since the previous scan. This can be useful if you are refreshing multiple pages at once to improve performance.
Why Core Web Vitals Matter is an important thing
Improving LCP, FID, and CLS can have a positive impact on your users and rankings on mobile search results pages. Even an increase in one position on the first page of search results can lead to a significant increase in traffic.
The same goes for the user experience. If you can improve the user experience, it can lead to a significant increase in business from positive verbal references, reviews, and repetitive business.
Providing a poor user experience in the form of a slow-loading website can lead to an unfavorable bounce rate increase. A higher bounce rate can mean that people leave your website without scrolling, clicking, or most importantly, without converting.
Google found a website that takes one to five seconds to load will have a 90% bounce rate.
How to improve core online vital
Now that you know what Core Web Vitals are and how to measure them on your website, let’s look at some recommendations for improving them and the user experience.
The level of control over your site and server depends on the platform you use for your website (WordPress, Shopify, etc.) and your web hosting company.
How to improve the goal with the most content
Google offers several tips for optimizing your website and improving the maximum content goal metric for your websites. Start from your web server. If you are experiencing severe delays, it may be time to upgrade your online service to a shared server.
Consider any processes that may be running on your website that can be turned off or better optimized for performance. For example, on a WordPress website, you can reduce the number of processes handled by the database by removing obsolete or unused plug-ins.
Another tip provided by Google is to use the Content Delivery Network (CDN). CDN services are sometimes included in enterprise hosting plans.
If not, you can search for services such as Google Cloud or Cloudflare extend download times by sharing content on servers around the world. CDN services ensure that your website loads quickly no matter how far away your users are from your web server.
Then cache your content so that HTML pages are cached first. Once your static HTML content is cached, you don’t have to load it every time a user visits your website.
If you use another service, it may have cache settings for caching content. Note that caching services cannot handle server requests from third-party services such as Facebook.
Pre-connections can also improve loading speed. These are necessary when downloading content from a domain other than your own. Instead of downloading new items from other domains on the page, follow the steps in the HEAD section of the HTML on your webpage as follows:
<link rel="preconnect" href="http://domain.com">
<link rel="dns-prefetch" href="http://domain.com">
By creating these links in advance, your page doesn’t have to stop at partially loaded main content to deliver images or other resources to your website visitors.
<link rel="preload" as="style" > href="style.css">
This ensures that they are loaded at the beginning and prevents the content from loading completely.
Signed exchanges (SXG) allow websites to verify third-party content from their domain. Google partnered with Cloudflare to create an AMP Real URL that allows publishers to display their original content in AMP content from Google search-based results. Websites that receive traffic from the search will see an increase in LCP after SXG is introduced.
Other ways to improve your LCP is to optimize and compress all the text files, images, videos and blocking elements used on your website. Consider images added to the page’s HTML, as well as images used in the background or layout of CSS or theme files.
For more information on technical information about LCP, see Draft report of the W3C Community Group.
How to improve the first feed delay
Use the coverage feature of Google Chrome DevTools to identify code that can be downloaded to a preloaded resource.
You can learn more about the details of the technology Event scheduling interface which analyzes the delay in user interaction in a W3C community group report.
How to improve cumulative layout change
To improve the CLS score of web pages, you need to tell the browser how much space is given to the elements when they load. You can do this by adding certain size attributes to your pictures and videos.
Alternatively, you can use aspect-friendly relationship boxes in CSS. Both achieve the desired goal of preventing an unexpected content change during page load.
The use of page pointers is also recommended for elements that move during loading as the user interacts with the page. Tell the user that the elements are loading on the page, which may prevent them from clicking on the moving elements.
If you don’t know how well your website works with users, check your Core Web Vitals site for the most popular pages by visiting your website’s Project Dashboard in Semrush and selecting the Site Inspection tool.
To view Core Web Vitals on ten pages, click the Show Details button and run your campaign again for desktop and mobile browsers. Read more about use A site audit tool to improve Core Web Vitals today.