{"id":3612,"date":"2021-11-04T20:03:53","date_gmt":"2021-11-04T20:03:53","guid":{"rendered":"https:\/\/blog.zutrix.com\/core-web-vitals\/"},"modified":"2021-11-04T20:50:24","modified_gmt":"2021-11-04T20:50:24","slug":"core-web-vitals","status":"publish","type":"post","link":"https:\/\/zutrix.com\/blog\/core-web-vitals\/","title":{"rendered":"Core Web Vitals: How to Measure &#038; Improve Core Web Vitals"},"content":{"rendered":"<p>Google announced that they are coming up with a major algorithm update that is also known as <a href=\"https:\/\/developers.google.com\/search\/blog\/2020\/05\/evaluating-page-experience\" class=\"external\" rel=\"nofollow\" target=\"_blank\">Core web vitals update<\/a>.<\/p>\n<p>Google already started rolling out the update from June 2021, and it will be done by September 2021.<\/p>\n<p>Once the updating process is finished, it will play a crucial role in the search engine rankings.<\/p>\n<p>And it&#039;s going to completely change the way Google evaluates and ranks a web page on the search results.<\/p>\n<p>But what exactly are core web vitals, and why is it important for SEO in 2021 and beyond?<\/p>\n<p>That&#039;s what we&#039;re to explain in this post.<\/p>\n<p>And not only that, but we are also going to show you how you can measure the core web vital score and how you can optimize your website for it.<\/p>\n<p>So without much further ado, let&#039;s get into it.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_73 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69d876bb9cd9f\" class=\"ez-toc-cssicon-toggle-label\"><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><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69d876bb9cd9f\"  aria-label=\"Toggle\" \/><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:\/\/zutrix.com\/blog\/core-web-vitals\/#What_Are_Core_Web_Vitals\" title=\"What Are Core Web Vitals?\">What Are Core Web Vitals?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/zutrix.com\/blog\/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-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/zutrix.com\/blog\/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-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/zutrix.com\/blog\/core-web-vitals\/#Cumulative_Layout_Shift_CLS\" title=\"Cumulative Layout Shift (CLS)\">Cumulative Layout Shift (CLS)<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/zutrix.com\/blog\/core-web-vitals\/#Why_Are_Core_Web_Vitals_Important_For_SEO\" title=\"Why Are Core Web Vitals Important For SEO?\">Why Are Core Web Vitals Important For SEO?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/zutrix.com\/blog\/core-web-vitals\/#How_to_Measure_The_Core_Web_Vital_Score_of_Your_Website\" title=\"How to Measure The Core Web Vital Score of Your Website?\">How to Measure The Core Web Vital Score of Your Website?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/zutrix.com\/blog\/core-web-vitals\/#How_to_Improve_Core_Web_Vitals_6_Powerful_Ways\" title=\"How to Improve Core Web Vitals (6 Powerful Ways)\">How to Improve Core Web Vitals (6 Powerful Ways)<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/zutrix.com\/blog\/core-web-vitals\/#1_Optimize_Your_Images\" title=\"1. Optimize Your Images\">1. Optimize Your Images<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/zutrix.com\/blog\/core-web-vitals\/#2_Eliminate_Render_Blocking_Resources\" title=\"2. Eliminate Render Blocking Resources\">2. Eliminate Render Blocking Resources<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/zutrix.com\/blog\/core-web-vitals\/#3_Shift_to_a_Powerful_Hosting_Server\" title=\"3. Shift to a Powerful Hosting Server\">3. Shift to a Powerful Hosting Server<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/zutrix.com\/blog\/core-web-vitals\/#4_Use_Lazy_Loading\" title=\"4. Use Lazy Loading\">4. Use Lazy Loading<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/zutrix.com\/blog\/core-web-vitals\/#5_Minimize_CSS_Javascript_Files\" title=\"5. Minimize CSS &amp; Javascript Files\">5. Minimize CSS &amp; Javascript Files<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/zutrix.com\/blog\/core-web-vitals\/#6_Reduce_The_Use_of_Third_Party_Code\" title=\"6. Reduce The Use of Third Party Code\">6. Reduce The Use of Third Party Code<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/zutrix.com\/blog\/core-web-vitals\/#Conclusion\" title=\"Conclusion\">Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"What_Are_Core_Web_Vitals\"><\/span>What Are Core Web Vitals?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Core web vitals are a set of specific metrics that is basically a part of Google&#039;s page experience signal.<\/p>\n<p>Core web vitals are mainly consisted of three essential components, that is:<\/p>\n<ul>\n<li>\n<p>Largest Contentful Paint (LCP)<\/p>\n<\/li>\n<li>\n<p>First Input Delay (FID)<\/p>\n<\/li>\n<li>\n<p>Cumulative Layout Shift (CLS)<\/p>\n<\/li>\n<\/ul>\n<p>Let&#039;s discuss each of these components one by one.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Largest_Contentful_Paint_LCP\"><\/span><strong>Largest Contentful Paint (LCP)<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><a href=\"https:\/\/web.dev\/lcp\/\" class=\"external\" rel=\"nofollow\" target=\"_blank\">Largest Contentful Paint<\/a> (LCP) is a metric that reports the loading time of the largest or the main content of the page.<\/p>\n<p><img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/blog\/assets\/media\/Largest-Contentful-Paint-(LCP).PNG\" alt=\"Largest contentful paint\"><\/p>\n<p>In simple words:<\/p>\n<p>It&#039;s the time frame between when someone clicks on the web page to see the main content of the page within the viewpoint.<\/p>\n<p>Measuring how quickly the main content of the page loads has been a massive problem for the developers for a very long period of time.<\/p>\n<p>Even the latest performance metrics like FCP (First contentful paint) only measure the beginning of the loading experience.<\/p>\n<p>Which is not very efficient and relevant for the user in real life.<\/p>\n<p>And that&#039;s why LCP can play a vital role here and provide much more accurate data than any other performance metric.<\/p>\n<p>As a general rule of thumb and to provide a better user experience, you should aim to have an LCP of 2.5 seconds or less.<\/p>\n<p>This is the most crucial element of core web vitals, and you have to pay very close attention to it if you want to improve your core web vital score.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"First_Input_Delay_FID\"><\/span><strong>First Input Delay (FID)<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The <a href=\"https:\/\/web.dev\/fid\/\" class=\"external\" rel=\"nofollow\" target=\"_blank\">first input delay<\/a> (FID) metric basically measures the time from when a user interacts with any element of the page to the time when the page actually responds to that interaction.<\/p>\n<p><img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/blog\/assets\/media\/First-Input-Delay-(FID).PNG\" alt=\"First input delay\"><\/p>\n<p>Buttons, Forms, and menus are just examples of elements that people interact with on a regular basis.<\/p>\n<p>For example, suppose you have a CTA button on your home page.<\/p>\n<p>And if any of your users click on that button and the page doesn&#039;t interact quickly, that&#039;s a sign of a bad FID or user experience in general.<\/p>\n<p>This metric is especially vital for e-commerce websites or for those kinds of websites where user interaction is necessary.<\/p>\n<p>If you run a blog, news website, or any content-focused website, then this metric might not be that crucial for you.<\/p>\n<p>To provide a better user experience and improve core web vitals, Google recommends having an FID of 100 milliseconds or less.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Cumulative_Layout_Shift_CLS\"><\/span><strong>Cumulative Layout Shift (CLS)<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Another user experience measurement metric that&#039;s equally important for core web vitals is <a href=\"https:\/\/web.dev\/cls\/\" class=\"external\" rel=\"nofollow\" target=\"_blank\">cumulative layout shift<\/a> (CLS).<\/p>\n<p>CLS measures the layout stability of a page while it loads.<\/p>\n<p><img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/blog\/assets\/media\/Cumulative-Layout-Shift-(CLS).PNG\" alt=\"Cumulative layout shift\"><\/p>\n<p>Sometimes while loading a website, you can see that the elements of the page change their position.<\/p>\n<p>That&#039;s a sign of a bad CLS.<\/p>\n<p>If the elements of your page move around while loading, it can harm the user experience of your website very negatively.<\/p>\n<p>As per Google&#039;s recommendation, you have to make sure that the CLS score of your website is 0.1 or less.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Why_Are_Core_Web_Vitals_Important_For_SEO\"><\/span>Why Are Core Web Vitals Important For SEO?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Optimizing for core web vitals can cost you hours of your time and plenty of money depending on the size and current user experience optimization of your website.<\/p>\n<p>That&#039;s why you might need a solid reason to go ahead with this.<\/p>\n<p>And I know one question that might pop up inside your head naturally is: why core web vitals are essential?<\/p>\n<p>Well, the biggest reason why core web vitals are important for SEO is &#8211; Google announced that they are going to use core web vitals as one of the crucial ranking factors.<\/p>\n<p>The goal behind this Google&#039;s core web vital update is simple &amp; clear. <\/p>\n<p>Google wants to provide the best user experience to its users.<\/p>\n<p>And that&#039;s why they are bringing in more algorithm updates that specifically focus on the user experience part of the websites.<\/p>\n<p>In fact, core web vitals is not the first user experience focused update that Google introduced.<\/p>\n<p>From the last few years, Google is constantly introducing new algorithm updates like <a href=\"https:\/\/moz.com\/blog\/9-things-about-googles-mobile-friendly-update\" class=\"external\" rel=\"nofollow\" target=\"_blank\">Mobile-friendliness update<\/a> and <a href=\"https:\/\/searchengineland.com\/google-speed-update-page-speed-will-become-ranking-factor-mobile-search-289904\" class=\"external\" rel=\"nofollow\" target=\"_blank\">page speed update<\/a> that mainly concentrates on providing the best user experience.<\/p>\n<p>To be frank, user experience has always been a part of Google&#039;s internal algorithm.\u00a0<\/p>\n<p>But for the first time, they are making it official so that more people come ahead and optimize their websites.<\/p>\n<p>In short:<\/p>\n<p>Core web vitals is going to be a really <a href=\"https:\/\/backlinko.com\/google-ranking-factors\" class=\"external\" rel=\"nofollow\" target=\"_blank\">huge ranking signal for Google<\/a>, and if you don&#039;t optimize your website for it, it might affect your search engine rankings negatively.<\/p>\n<p>And on the flip side, by optimizing your website for core web vitals, you&#039;ll automatically improve the user experience of your website.<\/p>\n<p>However, before you optimize your site, you have to figure out the current core web vitals score of your site.<\/p>\n<p>But how you&#039;ll do that?<\/p>\n<p>That&#039;s what we are going to find out in the next section of this post.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_to_Measure_The_Core_Web_Vital_Score_of_Your_Website\"><\/span>How to Measure The Core Web Vital Score of Your Website?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Measuring the current core web vital score is the first step you have to optimize your website for this Google update.<\/p>\n<p>It&#039;s almost impossible to measure the core web vital score manually.<\/p>\n<p>So you would have to use a tool for that.<\/p>\n<p>And the most reliable tool for doing this task is <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" class=\"external\" rel=\"nofollow\" target=\"_blank\">Google PageSpeed Insights<\/a>.<\/p>\n<p>PageSpeed Insights is a website performance measurement tool from Google that allows everyone to measure the performance of their website.<\/p>\n<p>To use the tool, just enter your page or website URL and hit <strong>&quot;analyze&quot;<\/strong>.<\/p>\n<p><img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/blog\/assets\/media\/Google-pagespeed-insights.PNG\" alt=\"Google pagespeed insights\"><\/p>\n<p>It will show you the all core web vital score along with the overall performance score of your website.<\/p>\n<p><img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/blog\/assets\/media\/Measure-core-web-vitals.PNG\" alt=\"Core web vitals\"><\/p>\n<p>And the best part of this tool is that it also gives you plenty of useful recommendations on what are the things you can improve to get a better performance and core web vitals score.<\/p>\n<p><img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/blog\/assets\/media\/Improve-core-web-vitals.PNG\" alt=\"Improve core web vitals\"><\/p>\n<p>Even if you just follow these recommendations, it will significantly improve your website performance.<\/p>\n<p>Apart from Google PageSpeed Insights, <a href=\"https:\/\/gtmetrix.com\/\" class=\"external\" rel=\"nofollow\" target=\"_blank\">GTmetrix<\/a> is another great tool that lets you evaluate the core web vital score of your website.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_to_Improve_Core_Web_Vitals_6_Powerful_Ways\"><\/span>How to Improve Core Web Vitals (6 Powerful Ways)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Once you&#039;re done measuring your website&#039;s core web vital score, it&#039;s time to actually do the work and improve it.<\/p>\n<p>But is there any way to improve the core web vital score?<\/p>\n<p>Yes, there are quite a few ways and techniques that you can use to improve the core web vitals of your site.<\/p>\n<p>Do you want to know what those techniques are?<\/p>\n<p>Let&#039;s find out.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"1_Optimize_Your_Images\"><\/span>1. Optimize Your Images<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The most important thing you have to do for optimizing your site for core web vitals is &#8211; you have to <a href=\"https:\/\/www.searchenginejournal.com\/on-page-seo\/image-optimization\/\" class=\"external\" rel=\"nofollow\" target=\"_blank\">optimize the images of your site<\/a>.<\/p>\n<p>Why?<\/p>\n<p>Because images take up more than 60% of the resources and bandwidth of websites.<\/p>\n<p>And optimizing and compressing your images can reduce the load from your servers and instantly improve your website performance and LCP score.<\/p>\n<p>Since LCP is the most crucial part of core web vitals, you can&#039;t skip this step at any cost.<\/p>\n<p>You can use online tools like Tinypng and CompressPng to compress your images without losing the quality.<\/p>\n<p>And if you&#039;re a WordPress user, you can also use image optimization plugins like <a href=\"https:\/\/wordpress.org\/plugins\/ewww-image-optimizer\/\" class=\"external\" rel=\"nofollow\" target=\"_blank\">EWWW image optimizer<\/a> or <a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\" class=\"external\" rel=\"nofollow\" target=\"_blank\">Smush<\/a>. It will automatically compress all of your website images without compromising the quality.<\/p>\n<p>You can also use a <a href=\"https:\/\/en.wikipedia.org\/wiki\/Content_delivery_network\" class=\"external\" rel=\"nofollow\" target=\"_blank\">CDN<\/a> (Content delivery network) to host your images. CDN is a network of servers spread across the globe. It helps deliver the content to users much faster since it cuts down the travel time between servers and the user&#039;s end.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_Eliminate_Render_Blocking_Resources\"><\/span>2. Eliminate Render Blocking Resources<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Render-blocking resources are basically non-critical CSS or Javascript resource files that slow down the rendering of the page.<\/p>\n<p>It&#039;s a common issue that most websites face, and it can negatively impact your website performance.<\/p>\n<p>And most importantly, render-blocking resources can affect all three important core web vital metrics (LCP, FID, and CLS).<\/p>\n<p>So if your website has any render-blocking resources, you have to fix it ASAP.<\/p>\n<p>But how you&#039;ll know if your website has render-blocking resources or not?<\/p>\n<p>The simplest way to find that out is by using Google PageSpeed Insights.<\/p>\n<p>Enter your website URL on the tool and scroll down the recommendation section.<\/p>\n<p>If Google PageSpeed Insights recommends you eliminate render-blocking resources, that means your site has that issue.<\/p>\n<p><img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/blog\/assets\/media\/Eliminate-render-blocking-resources.PNG\" alt=\"Eliminate render blocking resources\"><\/p>\n<p>But if it&#039;s not showing that recommendation, your site might not have that issue.<\/p>\n<p>If you&#039;re a WordPress user, you can use any optimization tool like <a href=\"https:\/\/wp-rocket.me\/\" class=\"external\" rel=\"nofollow\" target=\"_blank\">WPRocket<\/a> to <a href=\"https:\/\/kinsta.com\/blog\/eliminate-render-blocking-javascript-css\/\" class=\"external\" rel=\"nofollow\" target=\"_blank\">eliminate render-blocking resources<\/a>.<\/p>\n<p>But if you have a custom-built website, you might have to contact your web developer.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_Shift_to_a_Powerful_Hosting_Server\"><\/span>3. Shift to a Powerful Hosting Server<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Hosting is the backbone of any website.<\/p>\n<p>If your hosting server sucks, then no matter what, your website will not perform well.<\/p>\n<p>Your hosting servers will play a very crucial role in optimizing your website for core web vitals.<\/p>\n<p>That&#039;s why you have to select a powerful hosting solution for your site.<\/p>\n<p>While selecting your hosting, you have mainly look for these four key elements:<\/p>\n<ul>\n<li>\n<p>Speed of the servers<\/p>\n<\/li>\n<li>\n<p>Reliability or uptime<\/p>\n<\/li>\n<li>\n<p>Server response time<\/p>\n<\/li>\n<li>\n<p>Speed optimization features<\/p>\n<\/li>\n<\/ul>\n<p>If you have a full-fledged business online, don&#039;t hesitate to spend more on premium hosting solutions because eventually, it&#039;ll either make or break your whole website&#039;s performance.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_Use_Lazy_Loading\"><\/span>4. Use Lazy Loading<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>As we&#039;ve discussed earlier, images take up the majority of the resources of any website.<\/p>\n<p>Just optimizing and reducing the size of the images will only help you to a certain level.<\/p>\n<p>And for a better core web vital score and user experience, you have to enable <a href=\"https:\/\/web.dev\/lazy-loading\/\" class=\"external\" rel=\"nofollow\" target=\"_blank\">lazy loading<\/a> for the images.<\/p>\n<p>Lazy loading will only load the images when someone scrolls down your website and comes to the actual viewpoint of the image.<\/p>\n<p><img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/blog\/assets\/media\/Lazy-loading-images.png\" alt=\"Lazy loading images\"><\/p>\n<p>If your pages contain lots of high-resolution images or videos, lazy loading is a must for you.<\/p>\n<p>And mainly, you can achieve way better LCP performance just by enabling lazy loading on your site.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"5_Minimize_CSS_Javascript_Files\"><\/span>5. Minimize CSS &amp; Javascript Files<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Heavy and unnecessary CSS and Javascript files can hugely increase the loading speed of LCP.<\/p>\n<p>Files containing spacing, comments, and other such characters are unnecessary and just take up the space and bandwidth.<\/p>\n<p>Minifying those CSS and JavaScript files will ensure that only the critical files get rendered.<\/p>\n<p>And eventually, it will improve the LCP performance and reduce the time it takes to render the main content of the page.<\/p>\n<p>You can use Google PageSpeed Insights to find out the particular CSS and JavaScript files that need minification.<\/p>\n<p>Then you can either use any plugin like WPRocket (if you&#039;re a WordPress user), use an online CSS and JavaScript minifier, or even ask your developer to do that.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"6_Reduce_The_Use_of_Third_Party_Code\"><\/span>6. Reduce The Use of Third Party Code<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>This point is especially important for WordPress users and for those who integrate many third-party tools on their websites.<\/p>\n<p>Of course, Third-party tools are essential, and it adds up a variety of features to any website, which is quite necessary these days.<\/p>\n<p>But at the same time, using a lot of third-party code can massively slow down the website&#039;s performance.<\/p>\n<p>That&#039;s why make sure you&#039;re only using the necessary third-party codes and try to reduce it as much as you can.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Core web vitals and the page experience update of Google are going to impact the search engine rankings massively.<\/p>\n<p>If your site does not qualify for core web vitals, soon, you&#039;ll be out of the game.<\/p>\n<p>So if you haven&#039;t started optimizing your website for core web vitals yet, start doing it as soon as possible.<\/p>\n<p>If you&#039;re a WordPress user, then most of the things can be fixed with just a few plugins, but if you have a custom website, then you have to work with your developers to improve the core web vitals of your website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google announced that they are coming up with a major [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3613,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31,33],"tags":[],"class_list":["post-3612","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-on-page-seo","category-technical-seo"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Core Web Vitals: How to Measure &amp; Improve Core Web Vitals<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/zutrix.com\/blog\/core-web-vitals\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Core Web Vitals: How to Measure &amp; Improve Core Web Vitals\" \/>\n<meta property=\"og:description\" content=\"Google announced that they are coming up with a major [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/zutrix.com\/blog\/core-web-vitals\/\" \/>\n<meta property=\"og:site_name\" content=\"Zutrix SEO Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/zutrixcom\" \/>\n<meta property=\"article:published_time\" content=\"2021-11-04T20:03:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-11-04T20:50:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/zutrix.com\/blog\/wp-content\/uploads\/2021\/11\/Core-web-vitals-How-to-improve-core-web-vitals.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2106\" \/>\n\t<meta property=\"og:image:height\" content=\"1120\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Zutrix Blog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@zutrixcom\" \/>\n<meta name=\"twitter:site\" content=\"@zutrixcom\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Zutrix Blog\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/zutrix.com\/blog\/core-web-vitals\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/zutrix.com\/blog\/core-web-vitals\/\"},\"author\":{\"name\":\"Zutrix Blog\",\"@id\":\"https:\/\/zutrix.com\/blog\/#\/schema\/person\/1cc4f5f1eafafb67514a4f538283ea45\"},\"headline\":\"Core Web Vitals: How to Measure &#038; Improve Core Web Vitals\",\"datePublished\":\"2021-11-04T20:03:53+00:00\",\"dateModified\":\"2021-11-04T20:50:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/zutrix.com\/blog\/core-web-vitals\/\"},\"wordCount\":2146,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/zutrix.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/zutrix.com\/blog\/core-web-vitals\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.zutrix.com\/wp-content\/uploads\/2021\/11\/Core-web-vitals-How-to-improve-core-web-vitals.png\",\"articleSection\":[\"On-Page SEO\",\"Technical SEO\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/zutrix.com\/blog\/core-web-vitals\/\",\"url\":\"https:\/\/zutrix.com\/blog\/core-web-vitals\/\",\"name\":\"Core Web Vitals: How to Measure & Improve Core Web Vitals\",\"isPartOf\":{\"@id\":\"https:\/\/zutrix.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/zutrix.com\/blog\/core-web-vitals\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/zutrix.com\/blog\/core-web-vitals\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.zutrix.com\/wp-content\/uploads\/2021\/11\/Core-web-vitals-How-to-improve-core-web-vitals.png\",\"datePublished\":\"2021-11-04T20:03:53+00:00\",\"dateModified\":\"2021-11-04T20:50:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/zutrix.com\/blog\/core-web-vitals\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/zutrix.com\/blog\/core-web-vitals\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/zutrix.com\/blog\/core-web-vitals\/#primaryimage\",\"url\":\"https:\/\/blog.zutrix.com\/wp-content\/uploads\/2021\/11\/Core-web-vitals-How-to-improve-core-web-vitals.png\",\"contentUrl\":\"https:\/\/blog.zutrix.com\/wp-content\/uploads\/2021\/11\/Core-web-vitals-How-to-improve-core-web-vitals.png\",\"width\":2106,\"height\":1120},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/zutrix.com\/blog\/core-web-vitals\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/zutrix.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Core Web Vitals: How to Measure &#038; Improve Core Web Vitals\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/zutrix.com\/blog\/#website\",\"url\":\"https:\/\/zutrix.com\/blog\/\",\"name\":\"Zutrix SEO Blog\",\"description\":\"SEO for Everyone\",\"publisher\":{\"@id\":\"https:\/\/zutrix.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/zutrix.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/zutrix.com\/blog\/#organization\",\"name\":\"Zutrix Blog\",\"url\":\"https:\/\/zutrix.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/zutrix.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/blog.zutrix.com\/wp-content\/uploads\/2022\/02\/android-chrome-512x512-1.png\",\"contentUrl\":\"https:\/\/blog.zutrix.com\/wp-content\/uploads\/2022\/02\/android-chrome-512x512-1.png\",\"width\":512,\"height\":512,\"caption\":\"Zutrix Blog\"},\"image\":{\"@id\":\"https:\/\/zutrix.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/facebook.com\/zutrixcom\",\"https:\/\/x.com\/zutrixcom\",\"https:\/\/instagram.com\/zutrixcom\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/zutrix.com\/blog\/#\/schema\/person\/1cc4f5f1eafafb67514a4f538283ea45\",\"name\":\"Zutrix Blog\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/zutrix.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7e9d2a0a0328f52b945674a9a8d012f3c480dee80615b91be6309038645053c9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7e9d2a0a0328f52b945674a9a8d012f3c480dee80615b91be6309038645053c9?s=96&d=mm&r=g\",\"caption\":\"Zutrix Blog\"},\"sameAs\":[\"https:\/\/blog.zutrix.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Core Web Vitals: How to Measure & Improve Core Web Vitals","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/zutrix.com\/blog\/core-web-vitals\/","og_locale":"en_US","og_type":"article","og_title":"Core Web Vitals: How to Measure & Improve Core Web Vitals","og_description":"Google announced that they are coming up with a major [&hellip;]","og_url":"https:\/\/zutrix.com\/blog\/core-web-vitals\/","og_site_name":"Zutrix SEO Blog","article_publisher":"https:\/\/facebook.com\/zutrixcom","article_published_time":"2021-11-04T20:03:53+00:00","article_modified_time":"2021-11-04T20:50:24+00:00","og_image":[{"width":2106,"height":1120,"url":"https:\/\/zutrix.com\/blog\/wp-content\/uploads\/2021\/11\/Core-web-vitals-How-to-improve-core-web-vitals.png","type":"image\/png"}],"author":"Zutrix Blog","twitter_card":"summary_large_image","twitter_creator":"@zutrixcom","twitter_site":"@zutrixcom","twitter_misc":{"Written by":"Zutrix Blog"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/zutrix.com\/blog\/core-web-vitals\/#article","isPartOf":{"@id":"https:\/\/zutrix.com\/blog\/core-web-vitals\/"},"author":{"name":"Zutrix Blog","@id":"https:\/\/zutrix.com\/blog\/#\/schema\/person\/1cc4f5f1eafafb67514a4f538283ea45"},"headline":"Core Web Vitals: How to Measure &#038; Improve Core Web Vitals","datePublished":"2021-11-04T20:03:53+00:00","dateModified":"2021-11-04T20:50:24+00:00","mainEntityOfPage":{"@id":"https:\/\/zutrix.com\/blog\/core-web-vitals\/"},"wordCount":2146,"commentCount":0,"publisher":{"@id":"https:\/\/zutrix.com\/blog\/#organization"},"image":{"@id":"https:\/\/zutrix.com\/blog\/core-web-vitals\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.zutrix.com\/wp-content\/uploads\/2021\/11\/Core-web-vitals-How-to-improve-core-web-vitals.png","articleSection":["On-Page SEO","Technical SEO"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/zutrix.com\/blog\/core-web-vitals\/","url":"https:\/\/zutrix.com\/blog\/core-web-vitals\/","name":"Core Web Vitals: How to Measure & Improve Core Web Vitals","isPartOf":{"@id":"https:\/\/zutrix.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/zutrix.com\/blog\/core-web-vitals\/#primaryimage"},"image":{"@id":"https:\/\/zutrix.com\/blog\/core-web-vitals\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.zutrix.com\/wp-content\/uploads\/2021\/11\/Core-web-vitals-How-to-improve-core-web-vitals.png","datePublished":"2021-11-04T20:03:53+00:00","dateModified":"2021-11-04T20:50:24+00:00","breadcrumb":{"@id":"https:\/\/zutrix.com\/blog\/core-web-vitals\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/zutrix.com\/blog\/core-web-vitals\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/zutrix.com\/blog\/core-web-vitals\/#primaryimage","url":"https:\/\/blog.zutrix.com\/wp-content\/uploads\/2021\/11\/Core-web-vitals-How-to-improve-core-web-vitals.png","contentUrl":"https:\/\/blog.zutrix.com\/wp-content\/uploads\/2021\/11\/Core-web-vitals-How-to-improve-core-web-vitals.png","width":2106,"height":1120},{"@type":"BreadcrumbList","@id":"https:\/\/zutrix.com\/blog\/core-web-vitals\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/zutrix.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Core Web Vitals: How to Measure &#038; Improve Core Web Vitals"}]},{"@type":"WebSite","@id":"https:\/\/zutrix.com\/blog\/#website","url":"https:\/\/zutrix.com\/blog\/","name":"Zutrix SEO Blog","description":"SEO for Everyone","publisher":{"@id":"https:\/\/zutrix.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/zutrix.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/zutrix.com\/blog\/#organization","name":"Zutrix Blog","url":"https:\/\/zutrix.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/zutrix.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/blog.zutrix.com\/wp-content\/uploads\/2022\/02\/android-chrome-512x512-1.png","contentUrl":"https:\/\/blog.zutrix.com\/wp-content\/uploads\/2022\/02\/android-chrome-512x512-1.png","width":512,"height":512,"caption":"Zutrix Blog"},"image":{"@id":"https:\/\/zutrix.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/zutrixcom","https:\/\/x.com\/zutrixcom","https:\/\/instagram.com\/zutrixcom"]},{"@type":"Person","@id":"https:\/\/zutrix.com\/blog\/#\/schema\/person\/1cc4f5f1eafafb67514a4f538283ea45","name":"Zutrix Blog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/zutrix.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7e9d2a0a0328f52b945674a9a8d012f3c480dee80615b91be6309038645053c9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7e9d2a0a0328f52b945674a9a8d012f3c480dee80615b91be6309038645053c9?s=96&d=mm&r=g","caption":"Zutrix Blog"},"sameAs":["https:\/\/blog.zutrix.com"]}]}},"_links":{"self":[{"href":"https:\/\/zutrix.com\/blog\/wp-json\/wp\/v2\/posts\/3612","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zutrix.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zutrix.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zutrix.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zutrix.com\/blog\/wp-json\/wp\/v2\/comments?post=3612"}],"version-history":[{"count":1,"href":"https:\/\/zutrix.com\/blog\/wp-json\/wp\/v2\/posts\/3612\/revisions"}],"predecessor-version":[{"id":3632,"href":"https:\/\/zutrix.com\/blog\/wp-json\/wp\/v2\/posts\/3612\/revisions\/3632"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zutrix.com\/blog\/wp-json\/wp\/v2\/media\/3613"}],"wp:attachment":[{"href":"https:\/\/zutrix.com\/blog\/wp-json\/wp\/v2\/media?parent=3612"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zutrix.com\/blog\/wp-json\/wp\/v2\/categories?post=3612"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zutrix.com\/blog\/wp-json\/wp\/v2\/tags?post=3612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}