{"id":43180,"date":"2021-05-28T11:51:13","date_gmt":"2021-05-28T08:51:13","guid":{"rendered":"https:\/\/lanet.click\/?p=43180"},"modified":"2025-09-18T13:32:41","modified_gmt":"2025-09-18T10:32:41","slug":"core-web-vitals","status":"publish","type":"post","link":"https:\/\/lanet.click\/en\/core-web-vitals\/","title":{"rendered":"Google Algorithm 2022: Core Web Vitals"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Google regularly releases new and improved old algorithms to improve the quality of its search engine. So, in the summer of 2021, Core Web Vitals metrics were launched. What they affect and how to test and improve them \u2014 let&#8217;s discuss in the material.<\/span><\/p>\n<h2>What is Core Web Vitals<\/h2>\n<p><span style=\"font-weight: 400;\">Core Web Vitals is a set of metrics for measuring user&#8217;s experience, on which depends <a href=\"https:\/\/lanet.click\/en\/seo\/\">website optimization<\/a>. It includes three parameters \u2014 speed, interactivity, and stability of website&#8217;s layout.<\/span><\/p>\n<h2>Why does your website need Core Web Vitals<\/h2>\n<p><span style=\"font-weight: 400;\">Google is interested in quality content and aims to ensure that search engine results meet users&#8217; needs. If a person receives relevant content, he will return and will not look for other search engines to replace it. At the same time, Google gets paid for advertising: the more views, the better. Therefore, it is important for the company that users stay on the websites as long as possible, as advertising banners also bring income.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">It may seem that in such way, Google makes the work of webmasters and website owners more difficult. However, in reality, with the right approach, it will benefit everyone. A convenient and fast website will get higher positions and will attract more users.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-79203 size-full\" src=\"https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/cwv-lanetclick1-e1729856132678.webp\" alt=\"\" width=\"922\" height=\"218\" srcset=\"https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/cwv-lanetclick1-e1729856132678.webp 922w, https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/cwv-lanetclick1-e1729856132678-300x71.webp 300w, https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/cwv-lanetclick1-e1729856132678-768x182.webp 768w\" sizes=\"(max-width: 922px) 100vw, 922px\" \/><\/p>\n<h2>Main metrics<\/h2>\n<p><span style=\"font-weight: 400;\">As mentioned above, Google&#8217;s Core Web Vitals includes three metrics.<\/span><\/p>\n<h3>Largest Contentful Paint (LCP)<\/h3>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/web.dev\/lcp\/\">LCP<\/a> metrics is aimed for measuring download speed. Although Google&#8217;s algorithm used to be important as well, the search engine will now focus more on it. The best time to open a page is 2.5 seconds. The average value is from 2.5 to 4 seconds. At the same time, web resources that open for more than four seconds will be lower in search results.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-79199 aligncenter\" src=\"https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/elqsdyqqeefwjbum2qmo.webp\" alt=\"\" width=\"768\" height=\"192\" srcset=\"https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/elqsdyqqeefwjbum2qmo.webp 768w, https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/elqsdyqqeefwjbum2qmo-300x75.webp 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/p>\n<h3>First Input Delay (FID)<\/h3>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/web.dev\/fid\/\">FID<\/a> metric counts the time the user waits after clicking on the website and until the browser interacts. With the growth of this indicator, the number of failures increases. Yes, the user does not want to wait long, so goes to competing pages. A value of more than 300 milliseconds is considered critical.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-79193 aligncenter\" src=\"https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/exyvkqrhqz5ig38axh1z.webp\" alt=\"\" width=\"768\" height=\"192\" srcset=\"https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/exyvkqrhqz5ig38axh1z.webp 768w, https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/exyvkqrhqz5ig38axh1z-300x75.webp 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/p>\n<h3>Cumulative Layout Shift (CLS)<\/h3>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/web.dev\/cls\/\">CLS<\/a> is the third metric of Google Core Web Vitals search algorithm. It means the time during which all page&#8217;s elements load and stop shifting relative to each other. When a user quickly presses a button or link on a page, and it moves down or to the right at the last minute, he gets what he didn&#8217;t plan. This is due to the fact that the dimensions of some elements are not immediately determined and, as they are loading, they visually move other blocks.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-79187 aligncenter\" src=\"https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/9mwvasbwdlzdbupvcje1.webp\" alt=\"\" width=\"768\" height=\"192\" srcset=\"https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/9mwvasbwdlzdbupvcje1.webp 768w, https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/9mwvasbwdlzdbupvcje1-300x75.webp 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/p>\n<h2>Checking website\u2019s metrics<\/h2>\n<p><span style=\"font-weight: 400;\">You can test Google Core Web Vitals algorithms with several services:<\/span><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong><a href=\"https:\/\/search.google.com\/search-console\/about\">Google Search Console<\/a> Report.<\/strong> It can be seen in \u00abQuality\u00bb section. The report provides an opportunity to learn about the compliance level of web pages with CWV metrics.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong><a href=\"https:\/\/pagespeed.web.dev\/\">PageSpeed \u200b\u200bInsights<\/a>.<\/strong> The information is collected in the report. You can see which parameters need improvement by color.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/lighthouse\/blipmdconlkpinefehnmjammfjpmpbjk?hl=ru\">Lighthouse<\/a>.<\/strong> This service helps to comprehensively assess the performance of the website on many parameters and gives advice on improving the speed and usability of the website.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong><a href=\"https:\/\/developer.chrome.com\/docs\/devtools\/\">Chrome Dev Tools<\/a>.<\/strong> This service is available for use in Chrome browser.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/web-vitals\/ahfhijdlegdabablpippeagghigmibma\">Chrome Web Vitals extension<\/a>.<\/strong> For example, Chrome Dev Tools service will also allow you to perform diagnostics in Chrome browser.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Screaming Frog.<\/strong> With the help of this service, you can provide a quality <a href=\"https:\/\/lanet.click\/en\/seo\/seo-audit\/\">SEO audit<\/a>. However, this tool is paid.<\/span><\/li>\n<\/ol>\n    <div class=\"read-block\">\n        <p>\n            Read also:            <a href=\"https:\/\/lanet.click\/en\/optimyzaciya-zobrazhen\/\" target=\"_blank\" rel=\"noopener\">\n                How to optimize images for a website            <\/a>\n        <\/p>\n    <\/div>\n    \n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-85459 aligncenter\" src=\"https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/core_web_vitals_2-1-1024x576.webp\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/core_web_vitals_2-1-1024x576.webp 1024w, https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/core_web_vitals_2-1-300x169.webp 300w, https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/core_web_vitals_2-1-768x432.webp 768w, https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/core_web_vitals_2-1-1536x864.webp 1536w, https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/core_web_vitals_2-1.webp 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2>How to improve metrics for new Google algorithm<\/h2>\n<p><span style=\"font-weight: 400;\">In order the website meets Google&#8217;s new search algorithms, SEO specialist, web developer or website owner should:\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">optimize server performance;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">reduce the number of user&#8217;s requests to the database;\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">compress photos and format them;\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">use CDN;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">find problematic web page templates and optimize them;\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">set the dimensions of layout elements;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">optimize JavaScript code by compressing, caching, and cleaning from scripts;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">use only quality hosting;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">try to use redirects;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">enable Gzip scripts to compress data.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-83293 aligncenter\" src=\"https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/core_web_vitals_3-1-1024x576.webp\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/core_web_vitals_3-1-1024x576.webp 1024w, https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/core_web_vitals_3-1-300x169.webp 300w, https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/core_web_vitals_3-1-768x432.webp 768w, https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/core_web_vitals_3-1-1536x864.webp 1536w, https:\/\/lanet.click\/wp-content\/uploads\/2021\/05\/core_web_vitals_3-1.webp 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Though it takes time to update Google 2022 metrics algorithm, improving them will help you get higher in search engine rankings.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google regularly releases new and improved old algorithms to improve the quality of its search engine. So, in the summer [&hellip;]<\/p>\n","protected":false},"author":49,"featured_media":43184,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[234],"tags":[],"class_list":["post-43180","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/lanet.click\/en\/wp-json\/wp\/v2\/posts\/43180"}],"collection":[{"href":"https:\/\/lanet.click\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lanet.click\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lanet.click\/en\/wp-json\/wp\/v2\/users\/49"}],"replies":[{"embeddable":true,"href":"https:\/\/lanet.click\/en\/wp-json\/wp\/v2\/comments?post=43180"}],"version-history":[{"count":0,"href":"https:\/\/lanet.click\/en\/wp-json\/wp\/v2\/posts\/43180\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lanet.click\/en\/wp-json\/wp\/v2\/media\/43184"}],"wp:attachment":[{"href":"https:\/\/lanet.click\/en\/wp-json\/wp\/v2\/media?parent=43180"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lanet.click\/en\/wp-json\/wp\/v2\/categories?post=43180"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lanet.click\/en\/wp-json\/wp\/v2\/tags?post=43180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}