{"id":1566,"date":"2020-09-02T10:10:59","date_gmt":"2020-09-02T10:10:59","guid":{"rendered":"https:\/\/www.skynetindia.info\/blog\/?p=1566"},"modified":"2021-04-14T07:06:56","modified_gmt":"2021-04-14T07:06:56","slug":"googles-core-web-vitals-top-3-metrics-to-measure-user-experience","status":"publish","type":"post","link":"https:\/\/www.skynetindia.info\/blog\/googles-core-web-vitals-top-3-metrics-to-measure-user-experience\/","title":{"rendered":"Google\u2019s Core Web Vitals – Top 3 Metrics to Measure User Experience!"},"content":{"rendered":"

Google launched the Web Vitals as a uniform evaluation basis for websites in May. Now Google explains how these are measured.<\/p>\n

Google used a number of different tools and metrics in the past to analyse websites. In order to finally create a uniform standard, Google introduced the\u00a0Web Vitals\u00a0in May.\u00a0These three factors indicate website stability, loading time, and interactivity.<\/p>\n

Google accesses real user data (e.g. from the Chrome user experience Report) and laboratory data that is collected during rendering to collect the Web Vitals. A Google User Agent is always used.\u00a0If a website uses dynamic rendering, the creation of static HTML can cause slight delays.\u00a0Caching and warming up can prevent the cache beforehand. Google points out that the performance of users and Google Bot could be different.<\/p>\n

Therefore, website operators shouldn’t rely solely on Google bot data. It\u2019s also not enough to rely on tools like PageSpeed Insights or Lighthouse. These work with laboratory data that provide hypothetical performance data for a perfect environment. They therefore don’t represent the actual user experience, but provide starting points for more in-depth analyses.<\/p>\n

Google recommends site operators to use the report on the Web Vitals in the Google Search Console. Even, if the user data for each URL is also not available.<\/p>\n

Core web vitals: Google’s key figures for evaluating the user experience explained<\/h2>\n

Google wants to establish a uniform evaluation basis for the user experience of website<\/a> under the name Web Vitals.\u00a0We explain to you how the three Web Vitals key figures are made up.<\/p>\n

From the Chrome Dev Tools to Lighthouse and PageSpeed Insights to the speed report in the Search Console; over the years, Google has developed a number of options for measuring the performance of a website.\u00a0Basically, this is not surprising; after all, it is an important key figure in terms of user experience.\u00a0In a\u00a0blog\u00a0post, however, Google admits that the large number of different tools and metrics causes problems of its own.\u00a0In turn, Google wants to solve this in the future with a standardized rating system called Web Vitals.<\/p>\n

Core web vitals essentially consists of 3 key figures<\/h2>\n

<\/p>\n

\"web<\/p>\n

Largest Contentful Paint (LCP):<\/h3>\n

LCP\u00a0measures the rendering time of the largest element that is within the visible area of \u200b\u200bthe page.\u00a0Google defines everything less than 2.5 seconds as a good value.\u00a0Render times between 2.5 and 4 seconds are classified as in need of improvement according to Google’s Web Vital definition and everything above is considered to be poor value according to the company.<\/p>\n

First Input Delay (FID):<\/h3>\n

FID\u00a0measures the time that elapses between the first user activity and the response of the browser.\u00a0What is meant, for example, is the delay that exists between the first click on a button or link and the action taken.\u00a0Google regards all FID values \u200b\u200bbelow 100 milliseconds as good.\u00a0Values \u200b\u200bbetween 100 and 300 milliseconds are considered to be in need of improvement and anything above that as bad.<\/p>\n

Cumulative Layout Shift (CLS):<\/h3>\n

CLS\u00a0serves as a metric for the visual stability of a website and measures how often page elements shift unexpectedly.\u00a0This means, for example, asynchronously loaded page elements that suddenly change the layout of a text.\u00a0But buttons, which suddenly appear completely different after being clicked, are also included, according to Google.\u00a0CLS is calculated from two values \u200b\u200bthat are multiplied together.\u00a0Google considers the first impact fraction, by which the company refers to the percentage of the viewport that the change affects.<\/p>\n

If an element takes up half of the page before the change and then moves down 25 per cent, it affects 75 per cent of the page and the fraction of the impact is 0.75. This value is multiplied by fraction of the distance. This is known as the greater distance that moves an element. In the previous example, the value would be 0.25.\u00a0The CLS would then be 0.1875.That could already be improved, because Google only considers values up to 0.1 to be good.\u00a0All values from 0.25 are classified as bad.<\/p>\n

Core web vitals: This is how you can test your web presence!<\/h2>\n

The Web Vitals key figures LCP, FID and CLS are currently being recorded by the\u00a0Chrome User Experience Report.\u00a0In the long term, however, they should also appear in PageSpeed Insights and the Search Console’s speed report.\u00a0Currently, both tools only measure the FID.\u00a0In addition, Google is working on a\u00a0Chrome extension\u00a0that will show you the web vital results of a visited website directly in the browser.<\/p>\n

Google wants website operators to record Web Vitals key figures themselves using real visitor data as far as possible.\u00a0For this purpose, Google has published an open source\u00a0Web Vitals JavaScript library\u00a0on GitHub.\u00a0The code can, for example, be integrated into your own page in conjunction with the respective analytics provider, or it can also serve as a reference for your own recording solution for Web Vitals key figures.<\/p>\n

If you have query regard to different tools and metrics to evaluate your websites, we are happy to assist you. If you are looking to improve your website\u2019s usability, speed, user experience, explore our UI UX web designs services<\/a>! We are also providing website revamp, website redesign, online store revamp, ecommerce website revamp services, for more information, please explore our website redesign services<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"

Google launched the Web Vitals as a uniform evaluation basis for websites in May. Now Google explains how these are measured. Google used a number of different tools and metrics in the past to analyse websites. In order to finally create a uniform standard, Google introduced the\u00a0Web Vitals\u00a0in May.\u00a0These three factors indicate website stability, loading […]<\/p>\n","protected":false},"author":1,"featured_media":2277,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[29],"tags":[935,930,932,937,934,938,941,946,942,943,936,933,246,274,944,945,486,939,931,542,940,909,317,30,929,24,289],"yoast_head":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\n\t\n\t\n\t\n