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.
  • First feed delay (FID): FID measures the response time of your website when the user interacts with the page for the first time. This includes link clicks, taps, and custom JavaScript functionality. Google recommends a FID of less than 100 milliseconds.
  • 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.

IcQH-SNWOqxnJiFZadpeMtgclPKh45PVIvdTwM43lYQGtLv-7-k1FttQqUKeB9IBZX-RtJoQ0hzl28u4NaLNnIApALEY6m1o7uIoWsZquszJze6p5C

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.

_qT0M1A65NaKHpItX2HBT3EBAV4R3KZkBfuqg5EIxzzFSpRIfVSb0axBh6Bf-wFtxfCFbWnBm4UFlUiPkJHkKFQRlsToLZjZsveVZ6ZmgV1D6ZZZggV1D6

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:

UtgT13isbMk0Ca16Fcz_pV5ZL1zy16Es6PHAFYEax0hd1zLr0rHFrrJgLCESHzf_a0f3YMF2LJMWC1hJFwTvSqxBSPnJIIPa0AcfE22gKI0jajgrPoyMk1

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

ADS image

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

Google has officially added the Core Web Vitals app search algorithm. The page experience update should be complete August 2021.

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.

WordPress website owners can use cache extensions such as W3 total cache or WP fastest cache to cache content faster.

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.

You can also preload external resources, such as CSS and JavaScript, with the following code:

<link rel="preload" as="style" > href="style.css">

This ensures that they are loaded at the beginning and prevents the content from loading completely.

Other ways to optimize both CSS and JavaScript include “minimizing” (removing unnecessary characters) from stylesheets and scripts, removing unused code, and moving code that isn’t needed to initially load a webpage into a preloaded resource. Consider adding the most critical code to your network.

Google recommends CSSnano and csso minimize CSS, and UglifyJS minimize JavaScript. You can also shrink the HTML code HTML reducer.

Google Chrome DevTools is a coverage feature that analyzes the use of CSS and JavaScript on your page. It identifies code that can be loaded into a preloaded resource, assuming someone in your technical stack is not using it.

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

Improving the timing of your website’s first input delay is based on optimizing JavaScript and using third-party scripts. The latter typically refer to website analysis tools and any code that requires a script from another website.

As mentioned earlier, you can optimize the use of JavaScript by minimizing (removing unnecessary characters) from scripts, removing unused code, and moving code that is not needed to initially load a webpage to a preloaded resource.

Use the coverage feature of Google Chrome DevTools to identify code that can be downloaded to a preloaded resource.

DyVFD54s4U5Z5TmR5YcGbirEynouuovyXEi3eVbFx4qUsADEfyed1cm0dXD4ObSOLWGVNouGMX-6FsH4cpNnI5sjzx9eFDLmbMrfg4eYUvbt

Google recommends UglifyJS minimize JavaScript. You can also shrink the HTML code HTML reducer and CSS CSSnano and csso.

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.

Final thoughts

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.

LEAVE A REPLY

Please enter your comment!
Please enter your name here