{"id":5910,"date":"2021-07-30T09:34:00","date_gmt":"2021-07-30T04:04:00","guid":{"rendered":"https:\/\/www.idslogic.com\/blog\/?p=5910"},"modified":"2025-02-25T15:03:39","modified_gmt":"2025-02-25T09:33:39","slug":"a-comprehensive-guide-on-core-web-vitals","status":"publish","type":"post","link":"https:\/\/www.idslogic.com\/blog\/a-comprehensive-guide-on-core-web-vitals","title":{"rendered":"A Comprehensive Guide on Core Web Vitals"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_72 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.idslogic.com\/blog\/a-comprehensive-guide-on-core-web-vitals\/#Largest_Contentful_Paint_LCP\" title=\"Largest Contentful Paint (LCP)\">Largest Contentful Paint (LCP)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.idslogic.com\/blog\/a-comprehensive-guide-on-core-web-vitals\/#First_Input_Delay_FID\" title=\"First Input Delay (FID)\">First Input Delay (FID)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.idslogic.com\/blog\/a-comprehensive-guide-on-core-web-vitals\/#Cumulative_Layout_Shift_CLS\" title=\"Cumulative Layout Shift (CLS)\">Cumulative Layout Shift (CLS)<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.idslogic.com\/blog\/a-comprehensive-guide-on-core-web-vitals\/#Importance_of_Core_Web_Vitals\" title=\"Importance of Core Web Vitals\">Importance of Core Web Vitals<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.idslogic.com\/blog\/a-comprehensive-guide-on-core-web-vitals\/#Which_Tools_Are_Useful_for_Measuring_Core_Web_Vitals\" title=\"Which Tools Are Useful for Measuring Core Web Vitals?\">Which Tools Are Useful for Measuring Core Web Vitals?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n<p><span style=\"font-size: 14pt;\">Core Web Vitals have created quite a buzz in the SEO industry these days. When you work on them, the good results are guaranteed. As per the Google, they will be the major ranking factor from now onwards. Yes, it\u2019s true. In order to qualify the Core Web Vitals Assessment, the score has to be good for the three Core Web Vitals.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">But, what are these Core Web Vitals? Well, they are the set of factors used by the Google for measuring the overall user experience on the page. These are basically three that are discussed below:<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Largest_Contentful_Paint_LCP\"><\/span><span style=\"font-size: 18pt; color: #008000;\">Largest Contentful Paint (LCP)<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-size: 14pt;\">LCP metric measures the time taken for the main content of the page to download. It only considers the content that is present above the page\u2019s fold. The users leave any website if its load time exceeds more than two seconds. So, it is advisable to keep your website under that threshold.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"First_Input_Delay_FID\"><\/span><span style=\"font-size: 18pt; color: #008000;\">First Input Delay (FID)<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-size: 14pt;\">FID is an important metric for improving and tracking the page performance. It is basically measures the time that browsers take when the visitors visit the website for the first time. As per the Google standards, a website that takes less than 100 ms to become interactive, then it is highly acceptable.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Cumulative_Layout_Shift_CLS\"><\/span><span style=\"font-size: 18pt; color: #008000;\">Cumulative Layout Shift (CLS)<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-size: 14pt;\">CLS metric is helpful in measuring how many time the visitors encounter sudden shifts in the page content. According to Google, if your CLF score is less than 100 ms, then it is considered good.<\/span><\/p>\n<blockquote>\n<p style=\"box-shadow: 0 0 16px #cccccc; padding: 10px;\"><span style=\"font-size: 14pt;\"><strong>Also Read: <\/strong><span style=\"color: #ff0000;\"><a style=\"color: #ff0000;\" href=\"\/blog\/the-impact-of-ai-in-digital-marketing-and-how-it-helps-to-add-value-to-business\">The Impact of AI in Digital Marketing and How It Helps to Add Value to Business<\/a><\/span><\/span><\/p>\n<\/blockquote>\n<h3><span class=\"ez-toc-section\" id=\"Importance_of_Core_Web_Vitals\"><\/span><span style=\"font-size: 14pt; color: #003366;\"><strong>Importance of Core Web Vitals<\/strong><\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-size: 14pt;\">Google announced in June 2021 that \u201cPage Experience\u201d will be the ranking factor for a website. It consists of multiple factors that are vital for an enhanced user experience. These are listed below:<\/span><\/p>\n<ol>\n<li style=\"font-size: 14pt;\">Use of HTTPS<\/li>\n<li style=\"font-size: 14pt;\">Secure browsing<\/li>\n<li style=\"font-size: 14pt;\">Mobile-friendliness<\/li>\n<li style=\"font-size: 14pt;\">Less number of pop ups<\/li>\n<\/ol>\n<p><span style=\"font-size: 14pt;\">The Core Web Vitals will be an essential metric for that score. Page experience will improve your ranking on search engine.<\/span><\/p>\n<blockquote>\n<p style=\"box-shadow: 0 0 16px #cccccc; padding: 10px;\"><span style=\"font-size: 14pt;\"><strong>Also Read: <\/strong><span style=\"color: #ff0000;\"><a style=\"color: #ff0000;\" href=\"\/blog\/important-things-to-consider-whilst-choosing-a-website-maintenance-company\">Important Things to Consider Whilst Choosing a Website Maintenance Company<\/a><\/span><\/span><\/p>\n<\/blockquote>\n<h3><span class=\"ez-toc-section\" id=\"Which_Tools_Are_Useful_for_Measuring_Core_Web_Vitals\"><\/span><span style=\"font-size: 14pt; color: #003366;\"><strong>Which Tools Are Useful for Measuring Core Web Vitals?<\/strong><\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-size: 14pt;\">As a website owner, you definitely want to improve the score of Core Web Vitals. To check the score, you will have various tools. These will be helpful in giving an idea<\/span><\/p>\n<h4><span style=\"font-size: 14pt; color: #003366;\"><strong><span style=\"color: #800000;\">PageSpeed Insights<\/span> <\/strong><\/span><\/h4>\n<p><span style=\"font-size: 14pt;\">This tool is helpful in providing recommendations that can boost up the speed of the page.<\/span><\/p>\n<h4><span style=\"font-size: 14pt; color: #800000;\"><strong>Search Console<\/strong><\/span><\/h4>\n<p><span style=\"font-size: 14pt;\">This robust SEO tool provides a detailed information about your website that will be useful in website optimization, and drives more traffic.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":9355,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[661],"tags":[1076,980],"class_list":["post-5910","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-maintenance","tag-core-web-vitals","tag-website-speed-optimization"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/posts\/5910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/comments?post=5910"}],"version-history":[{"count":6,"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/posts\/5910\/revisions"}],"predecessor-version":[{"id":10656,"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/posts\/5910\/revisions\/10656"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/media\/9355"}],"wp:attachment":[{"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/media?parent=5910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/categories?post=5910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/tags?post=5910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}