{"id":25848,"date":"2024-05-03T10:07:55","date_gmt":"2024-05-03T04:37:55","guid":{"rendered":"https:\/\/www.wpoven.com\/blog\/?p=25848"},"modified":"2024-05-03T10:07:58","modified_gmt":"2024-05-03T04:37:58","slug":"core-web-vitals","status":"publish","type":"post","link":"https:\/\/www.wpoven.com\/blog\/core-web-vitals\/","title":{"rendered":"Core Web Vitals: Everything You Need to Know About"},"content":{"rendered":"\n<p class=\"justify\">Google aims to provide the World&#8217;s information well organized, easy to access, and useful for everyone. So, to make this possible, they always come up with new strategies and algorithms that refine their search engine., Since Google&#8217;s main business is completely focused on advertising from websites.<\/p>\n\n\n\n<p class=\"justify\">In the year 2020, Google introduced a standardized metric system called Core Web Vitals, which adds a new ranking factor &#8220;website performance &#8221; in determining a website&#8217;s position in search results, apart from the search term keywords and backlinks that you have created.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub-divider-orientation-horizontal\" id=\"ub_divider_13ee018b-8004-4a6d-935b-2ae8e0654de8\"><hr class=\"ub_divider\" ><\/hr><\/div>\n\n\n\n<div class=\"wp-block-ub-divider ub-divider-orientation-horizontal\" id=\"ub_divider_13ee018b-8004-4a6d-935b-2ae8e0654de8\"><hr class=\"ub_divider\" ><\/hr><\/div>\n\n\n<p class=\"justify\">So, let&#8217;s get deeper into this concept and see what you can do from your end to bring the best results.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub-divider-orientation-horizontal\" id=\"ub_divider_13ee018b-8004-4a6d-935b-2ae8e0654de8\"><hr class=\"ub_divider\" ><\/hr><\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group tip is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<h2 class=\"wp-block-heading myh2\">What are Core Web Vitals?<\/h2>\n\n\n\n<p class=\"justify\">Google&#8217;s Core Web Vitals is a standardized set of metrics for users that help them optimize their website performance so that it can provide the best user experience in terms of loading time, interactivity, and visual stability.<\/p>\n\n\n\n<p class=\"justify\">Understanding Core Web Vitals will help you retain users on your webpage and also let you achieve Google&#8217;s standards. <\/p>\n\n\n\n<p class=\"justify\">To make this possible, the first thing you need to do is to learn What are the different metrics of Core Web Vitals. Here are some of the main Core Web Vitals Metrics.<\/p>\n\n\n\n<ul class=\"justify\">\n<li><strong>LCP or Largest Contentful Paint:<\/strong> It measures the time taken by the main content to be loaded in the viewpoint of users. As per Google&#8217;s recommendation, an LCP score below 2.5 seconds is Good.<\/li>\n<\/ul>\n\n\n\n<ul class=\"justify\">\n<li><strong>CLS or Cumulative Layout Shift:<\/strong> It measures the visual stability of the webpage, i.e. How much the web page layout shifts unexpectedly during the loading. Its score ranges between 0 to Positive, where a &#8220;0&#8221; score means no layout shifting and a positive score means layout shits. Google recommends a CLS score below 0.1 is Good.<\/li>\n<\/ul>\n\n\n\n<ul class=\"justify\">\n<li><strong>FID or First Input Delay:<\/strong> It measures the responsiveness of the webpage as per the user&#8217;s first interaction. i.e. the whole time between the user&#8217;s interaction such as clicking on the button or link on the webpage and the browser&#8217;s response. Google recommends FID below 100 milli seconds is Good for about 75% of the webpage load.<\/li>\n<\/ul>\n\n\n\n<ul class=\"justify\">\n<li><strong>INP or Interaction to Next Paint:<\/strong> It measures the overall responsiveness of the webpage. i.e. How fast the webpage reacts when a user interacts with it. This interaction can be anything like, clicking on the button, typing in a form or even scrolling the webpage. Google recommends below or equal to 200 milliseconds is good.<\/li>\n<\/ul>\n\n\n\n<p class=\"justify\">If all the metrics score well, the better will be user experience and hence better chances in the SERP rankings.<\/p>\n<\/div><\/div>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-ub-divider ub-divider-orientation-horizontal\" id=\"ub_divider_13ee018b-8004-4a6d-935b-2ae8e0654de8\"><hr class=\"ub_divider\" ><\/hr><\/div>\n\n\n<div class=\"wp-block-group box is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<h2 class=\"wp-block-heading myh2\">Why Core Web Vitals are so Important?<\/h2>\n\n\n\n<p class=\"justify\">As mentioned earlier, Core Web Vitals are indicators of page experience. A good Core Web Vitals score shows that the website provides a smooth, fast, and stable user experience. On top of that, it helps to boost your SEO.<\/p>\n\n\n\n<p class=\"justify\">Website visitors are more likely to stay and convert to websites that perform well, are quite responsive, and have quality content.<\/p>\n\n\n\n<p class=\"justify\">If a website loads faster and can deliver content quickly, users are less likely to leave the webpage out of frustration, resulting in a lower bounce rate.<\/p>\n\n\n\n<p class=\"justify\">Not only do these metrics help enhance your website&#8217;s performance and user experience, but they can also boost traffic to your website.<\/p>\n\n\n\n<p class=\"justify\">Where Core Web Vitals plays a major chunk, you should not forget to consider also these factors to boost to page experience :<\/p>\n\n\n\n<ul>\n<li>Mobile ready<\/li>\n\n\n\n<li>HTTPS<\/li>\n\n\n\n<li>Safe and Secure Webpage (No malware or Misleading content)<\/li>\n\n\n\n<li>No irritating popups while navigating and browsing <\/li>\n<\/ul>\n\n\n\n<p class=\"justify\">One thing you should make clear in your mind is that excelling in page experience won&#8217;t guarantee you the number one ranking in SERPs. To achieve this spot, you have to fulfill Google&#8217;s various other factors (approximately more than 200).<\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-block-ub-divider ub-divider-orientation-horizontal\" id=\"ub_divider_13ee018b-8004-4a6d-935b-2ae8e0654de8\"><hr class=\"ub_divider\" ><\/hr><\/div>\n\n\n<h2 class=\"wp-block-heading\">How to check your Website&#8217;s Core Web Vitals?<\/h2>\n\n\n\n<p class=\"justify\">There are plenty of Free tools available, but one that is Free and preferably great to use is Google Page Speed Insights.<\/p>\n\n\n\n<p class=\"justify\">The Google Page Speed Insight tool lets you evaluate any webpage for both mobile and desktop versions. Based on the test results, it also provides you suggestions on How you can improve your website performance and user experience. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Testing using Google Page Speed Insight<\/h3>\n\n\n\n<p class=\"justify\">To test a Website&#8217;s Core Web Vitals, <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/pagespeed.web.dev\/\" rel=\"noreferrer noopener\">Visit Page Speed Insight<\/a>, and enter the URL of the page.<\/p>\n\n\n\n<p class=\"justify\">Once the test has been conducted and analyzed, you will see a detailed breakdown of all the performance issues along with different metrics. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full imgsha round\"><img decoding=\"async\" width=\"985\" height=\"515\" src=\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/04\/image-37.png\" alt=\"Page SPeed Insight result\" class=\"wp-image-25799\" srcset=\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/04\/image-37.png 985w, https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/04\/image-37-300x157.png 300w, https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/04\/image-37-768x402.png 768w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" title=\"\"><figcaption class=\"wp-element-caption\"><em><sup>Google Page Speed Insight Report<\/sup><\/em><\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"justify\">When you further scroll down, a Diagnostics section with all the suggestions and areas of improvement will be mentioned.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full imgsha round\"><img decoding=\"async\" width=\"911\" height=\"515\" src=\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/04\/image-49.png\" alt=\"Google Page Speed Insight Diagnostics Report\" class=\"wp-image-25862\" srcset=\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/04\/image-49.png 911w, https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/04\/image-49-300x170.png 300w, https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/04\/image-49-768x434.png 768w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" title=\"\"><figcaption class=\"wp-element-caption\"><em><sup>Google Page Speed Insight Diagnostics Report<\/sup><\/em><\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"justify\">Apart from the Core Web Vitals Score, it also provides you additional insights into your website&#8217;s SEO, Performance, accessibility, and Best Practices under 100. <\/p>\n\n\n\n<p class=\"justify\">Alternatively, you can also use GSC or Google Search Console.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Testing using Google Search Console<\/h3>\n\n\n\n<p class=\"justify\">The best thing about using GSC is that it provides real-world data from Chrome user experience reports.<\/p>\n\n\n\n<p class=\"justify\">While considering Core Web Vitals, GSC provides a complete diagnostic of your website&#8217;s performance and groups together the pages that have similar issues. <\/p>\n\n\n\n<p class=\"justify\">Unlike PageSpeed Insight, where you have to analyze pages randomly, one by one, which is quite a tedious and time-consuming process.<\/p>\n\n\n\n<p class=\"justify\">To analyze the performance and check the Core Web Vitals Report, Sign in to Google Search Console and Select &#8220;<strong>Core Web Vitals<\/strong>&#8221; from the side menu bar as shown.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large imgsha round\"><img decoding=\"async\" width=\"1024\" height=\"804\" src=\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-4-1024x804.png\" alt=\"Google Search Console Diagnostics\" class=\"wp-image-25954\" srcset=\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-4-1024x804.png 1024w, https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-4-300x235.png 300w, https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-4-768x603.png 768w, https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-4.png 1144w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" title=\"\"><figcaption class=\"wp-element-caption\"><em><sup>Google Search Console Diagnostics<\/sup><\/em><\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"justify\">The report will be immediately generated and you will find an overview of the total number of pages Google considers need improvement, Poor and Good. (Report is available for both Mobile and Desktop)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large imgsha round\"><img decoding=\"async\" width=\"1024\" height=\"743\" src=\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-5-1024x743.png\" alt=\"Google Search Console Core Web Vitals Report\" class=\"wp-image-25955\" srcset=\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-5-1024x743.png 1024w, https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-5-300x218.png 300w, https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-5-768x557.png 768w, https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-5.png 1144w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" title=\"\"><figcaption class=\"wp-element-caption\"><em><sup>Google Search Console Core Web Vitals Report<\/sup><\/em><\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"justify\">If you want to go in-depth into the report and click on the &#8220;Open Report&#8221; button, it will show a bar graph showing how many pages or URLs cannot meet the core web vitals score standards.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large imgsha round\"><img decoding=\"async\" width=\"1024\" height=\"438\" src=\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-6-1024x438.png\" alt=\"Google Search Console Report\" class=\"wp-image-25956\" srcset=\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-6-1024x438.png 1024w, https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-6-300x128.png 300w, https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-6-768x329.png 768w, https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-6.png 1412w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" title=\"\"><figcaption class=\"wp-element-caption\"><em><sup>Google Search Console Report<\/sup><\/em><\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"justify\">To investigate how many pages require improvement, scroll down to the &#8220;Why URLs aren&#8217;t considered good&#8221; section.<\/p>\n\n\n\n<p class=\"justify\">For further details, you can click on the particular issue and viola it will provide you with a list of suggestions and areas of improvement.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub-divider-orientation-horizontal\" id=\"ub_divider_13ee018b-8004-4a6d-935b-2ae8e0654de8\"><hr class=\"ub_divider\" ><\/hr><\/div>\n\n\n<h2 class=\"wp-block-heading myh2\">How to Improve Your Core Web Vitals Score?<\/h2>\n\n\n\n<p class=\"justify\">Improving your Core Web Vitals Score should also Boost your website performance and page experience and it should not be a critical task.<\/p>\n\n\n\n<p class=\"justify\">Let&#8217;s see how you can improve each Core Web Vital metric by yourself or with the help of a developer.<\/p>\n\n\n\n<div class=\"wp-block-group fre-pros-box is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\">1. Improving LCP Score<\/h3>\n\n\n\n<p class=\"justify\">According to the <a href=\"https:\/\/web.dev\/articles\/lcp\" data-type=\"link\" data-id=\"https:\/\/web.dev\/articles\/lcp\" target=\"_blank\" rel=\"noreferrer noopener\">Google LCP Guidelines<\/a>, It has been divided into three performance benchmarks with their threshold values.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full imgsha round\"><img decoding=\"async\" width=\"1024\" height=\"306\" src=\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-3.png\" alt=\"Larges Contentful Paint\" class=\"wp-image-25951\" srcset=\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-3.png 1024w, https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-3-300x90.png 300w, https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-3-768x230.png 768w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" title=\"\"><figcaption class=\"wp-element-caption\"><em><sup>Larges Contentful Paint<\/sup><\/em><\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul>\n<li>Good : 0 to less than 2.5 seconds <\/li>\n\n\n\n<li>Needs Improvement: 2.5 seconds to 4.0 seconds<\/li>\n\n\n\n<li>Poor: More than 4.0 seconds<\/li>\n<\/ul>\n\n\n\n<p class=\"justify\">It means to have a good LCP score, you need to hit every webpage of your website below 2.5 seconds, which can be very challenging for larger websites with multiple pages and complex features.<\/p>\n\n\n\n<p class=\"justify\">For example, if your webpage has plenty of high-resolution images, its LCP score could be more than 4.0 seconds, and trust me, it won&#8217;t improve even if you have installed a CDN alone.<\/p>\n\n\n\n<p class=\"justify\">For this particular case, you need to optimize each page or, if possible, remove some which are not important. Plus, also optimize the page code.<\/p>\n\n\n\n<p class=\"justify\">It might sound like a very daunting task, but it would be worth it, and you should see dramatic changes in performance.<\/p>\n\n\n\n<p class=\"justify\">Keeping this in mind, more things can be done from your end such as:<\/p>\n\n\n\n<ul class=\"justify\">\n<li><strong>Upgrade or Migrate to <\/strong><a href=\"https:\/\/www.wpoven.com\/fast-wordpress-hosting\/\" data-type=\"link\" data-id=\"https:\/\/www.wpoven.com\/fast-wordpress-hosting\/\" target=\"_blank\" rel=\"noreferrer noopener\">Fast Managed Web Hosting:<\/a> The earlier and better web hosting will improve the website performance and hence better LCP score.<\/li>\n\n\n\n<li><strong>Remove unwanted Scripts:<\/strong> Unwanted third-party scripts run in the background and unnecessarily delay the loading.<\/li>\n\n\n\n<li><strong>Enable Page caching:<\/strong> It will allow the page to be stored in the server after it is loaded for the first time and the website can be easily retrieved whenever the visitor requests a page.<\/li>\n\n\n\n<li><strong>Disable Lazy Loading Plugin:<\/strong> Although lazy loading is an inbuilt feature available from WordPress 5.5. If you are using one (Especially powered by JavaScript), reconfigure it to avoid lazy loading the main image on your page, or else prefer to disable lazy loading.<\/li>\n<\/ul>\n\n\n\n<p class=\"justify\">To learn more, You can check out our dedicated post on &#8220;<a href=\"https:\/\/www.wpoven.com\/blog\/largest-contentful-paint\/\" target=\"_blank\" rel=\"noreferrer noopener\">Largest Contentful Paint (LCP): A Guide to Web Performance<\/a>&#8220;.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fre-pros-box is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\">2. Improve CLS<\/h3>\n\n\n\n<p class=\"justify\">CLS or Cumulative Layout Shift measures the visual stability of the webpage. It means How many elements of a webpage are stable while the webpage is loading. <\/p>\n\n\n\n<p class=\"justify\">If the elements of a webpage such as images or buttons move around randomly while the webpage is still loading, it indicates a high CLS score which is bad.<\/p>\n\n\n\n<p class=\"justify\">After all, nobody wants their visitors or users to relearn where are the buttons, images, and links located after the web page loads completely and accidentally clicks on something else.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"306\" src=\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image.png\" alt=\"Cumulative Layout Shift\" class=\"wp-image-25948\" srcset=\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image.png 1024w, https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-300x90.png 300w, https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-768x230.png 768w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" title=\"\"><figcaption class=\"wp-element-caption\"><em><sup>Cumulative Layout Shift<\/sup><\/em> <\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>This is how Google measures the CLS score:<\/p>\n\n\n\n<ul>\n<li>Good: Value below 0.1<\/li>\n\n\n\n<li>Needs Improvement: 0.1 to 0.25<\/li>\n\n\n\n<li>Poor: More than 0.25<\/li>\n<\/ul>\n\n\n\n<p class=\"justify\">Here are some simple tips for you to improve your CLS score:<\/p>\n\n\n\n<ul class=\"justify\">\n<li><strong>Add Width and height size attributes to images and videos<\/strong>: This way, the browsers get to know how much space a specific element requires to load. So, everything will look well-structured, organized, and clean, and also doesn&#8217;t move around randomly while the webpage is loading.<\/li>\n\n\n\n<li><strong>Allocate space for Ads elements<\/strong>: Or else they will appear unexpectedly and push the content randomly in any direction. <\/li>\n\n\n\n<li><strong>Avoid using Web fonts:<\/strong> Since they need to be downloaded whenever the browser displays them. Better go for system fonts instead.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fre-pros-box is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\">3. Improve FID<\/h3>\n\n\n\n<p class=\"justify\">As of now, you have improved CLS and FCP, but the main question is whether visitors are interacting with the webpage. <\/p>\n\n\n\n<p class=\"justify\">Well, This is where FID comes into the picture: It basically measures the interaction time of users with the webpage.<\/p>\n\n\n\n<p class=\"justify\">The interaction can be anything, like clicking the button, filling up the form, clicking on an option in the menu, etc.<\/p>\n\n\n\n<p class=\"justify\">Due to this fact, Google considers it an important metric that provides information on how real-life users behave with the web page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full imgsha round\"><img decoding=\"async\" width=\"1024\" height=\"306\" src=\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-1.png\" alt=\"First Input Delay \" class=\"wp-image-25949\" srcset=\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-1.png 1024w, https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-1-300x90.png 300w, https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-1-768x230.png 768w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" title=\"\"><figcaption class=\"wp-element-caption\"><em><sup>First Input Delay <\/sup><\/em><\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>For this, Google measures FID as:<\/p>\n\n\n\n<ul>\n<li>Good: Below 100 ms<\/li>\n\n\n\n<li>Need Improvement: Between 100 ms to 300 ms<\/li>\n\n\n\n<li>Bad: More than 300 ms<\/li>\n<\/ul>\n\n\n\n<p class=\"justify\">It might seem like exactly a <a href=\"https:\/\/www.wpoven.com\/blog\/wordpress-page-speed-optimization-roadmap\/\" target=\"_blank\" data-type=\"post\" data-id=\"25243\" rel=\"noreferrer noopener\">page speed score<\/a> and what exactly it means but a step further. It measures the time it takes for a user to do something on the webpage.<\/p>\n\n\n\n<p class=\"justify\">Every page might have a different FID score depending on the content and features it has.<\/p>\n\n\n\n<p class=\"justify\">For example, if the page consists only of content such as blogs, news, or articles, the FID will be calculated when the user scrolls or zooms in and out of the webpage, and it is not a big deal.<\/p>\n\n\n\n<p class=\"justify\">However, if it is a sign-up page, the FID might be huge, since it will be measured when the user starts typing the login details.<\/p>\n\n\n\n<p class=\"justify\">Keeping all these things in mind, here are some tips you can follow to improve your FID.<\/p>\n\n\n\n<ul class=\"justify\">\n<li><strong>Defer JavaScript Functions<\/strong>: Heavy-coded Java scripts can sometimes block the rendering of a webpage, hence causing input delays. Deferring JavaScript can help you to make this process faster.<\/li>\n\n\n\n<li><strong>Enable Browser Cache:<\/strong> This helps in content loading faster on your webpage and reduces server response time and download times for resources. <\/li>\n\n\n\n<li><strong>Create Static Pages:<\/strong> A static HTML webpage is more stable and faster than a dynamic one. Their loading speed even boosted up when distributed through CDN.<\/li>\n\n\n\n<li><strong>Remove or Optimize Third-party Scripts:<\/strong> Third-party scripts, such as analytics or social media widgets, can significantly impact FID.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group fre-pros-box is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\">4. Improve INP<\/h3>\n\n\n\n<p class=\"justify\">This metric is identical to FID but it is more specific to measure the overall responsiveness throughout the user&#8217;s interaction with the webpage.<\/p>\n\n\n\n<p class=\"justify\">Unlike FID, which focuses solely on the delay for the first user interaction, INP considers the latency for all user inputs and interactions on the webpage.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full imgsha round\"><img decoding=\"async\" width=\"1024\" height=\"306\" src=\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-2.png\" alt=\"Interaction to Next Paint\" class=\"wp-image-25950\" srcset=\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-2.png 1024w, https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-2-300x90.png 300w, https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/image-2-768x230.png 768w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" title=\"\"><figcaption class=\"wp-element-caption\"><sup><em>Interaction to Next Paint<\/em><\/sup><\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>To improve INP, here are some of the tips you can follow:<\/p>\n\n\n\n<ul>\n<li>Use CDN or Content Delivery Network<\/li>\n\n\n\n<li>Remove third-party scripts<\/li>\n\n\n\n<li>Enable Browser Caching<\/li>\n\n\n\n<li>Optimize Images<\/li>\n\n\n\n<li>minimize JavaScript loading time<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n<div class=\"wp-block-ub-divider ub-divider-orientation-horizontal\" id=\"ub_divider_13ee018b-8004-4a6d-935b-2ae8e0654de8\"><hr class=\"ub_divider\" ><\/hr><\/div>\n\n\n<h2 class=\"wp-block-heading\">Summary<\/h2>\n\n\n\n<p class=\"justify\">The Core Web Vitals performance of your website is crucial in the context of how users experience your website.<\/p>\n\n\n\n<p class=\"justify\">An overall good Core Web Vitals score helps you achieve higher traffic, lower bounce rates, more conversions, and hence better ROI. It&#8217;s also worth mentioning that it can lead to better search rankings and brand reputation.<\/p>\n\n\n\n<p class=\"justify\">And there are various free tools available that can help you easily achieve these benchmarks.<\/p>\n\n\n\n<p class=\"justify\">If you find anything missing or like to discuss anything important please do let us know in the comment section below.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub-divider-orientation-horizontal\" id=\"ub_divider_13ee018b-8004-4a6d-935b-2ae8e0654de8\"><hr class=\"ub_divider\" ><\/hr><\/div>","protected":false},"excerpt":{"rendered":"<p>Google aims to provide the World&#8217;s information well organized, easy to access, and useful for everyone. So, to make this possible, they always come up with new strategies and algorithms that refine their search engine., Since Google&#8217;s main business is completely focused on advertising from websites.<\/p>\n<p>In the year 2020, Google introduced a standardized metric system called Core Web Vitals, which adds a new ranking factor &#8220;website performance &#8221; in determining a website&#8217;s position in search results, &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.wpoven.com\/blog\/core-web-vitals\/\" class=\"more-link\">Read More <i class=\"fa fa-angle-double-right\" aria-hidden=\"true\"><\/i><span class=\"screen-reader-text\"> &#8220;Core Web Vitals: Everything You Need to Know About&#8221;<\/span><\/a><\/p>\n","protected":false},"author":28,"featured_media":25952,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ub_ctt_via":"","footnotes":""},"categories":[6],"acf":[],"featured_image_src":"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/05\/Core_Web_Vitals.png","author_info":{"display_name":"Rahul","author_link":"https:\/\/www.wpoven.com\/blog\/author\/rahul\/"},"_links":{"self":[{"href":"https:\/\/www.wpoven.com\/blog\/wp-json\/wp\/v2\/posts\/25848"}],"collection":[{"href":"https:\/\/www.wpoven.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wpoven.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wpoven.com\/blog\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wpoven.com\/blog\/wp-json\/wp\/v2\/comments?post=25848"}],"version-history":[{"count":2,"href":"https:\/\/www.wpoven.com\/blog\/wp-json\/wp\/v2\/posts\/25848\/revisions"}],"predecessor-version":[{"id":25959,"href":"https:\/\/www.wpoven.com\/blog\/wp-json\/wp\/v2\/posts\/25848\/revisions\/25959"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wpoven.com\/blog\/wp-json\/wp\/v2\/media\/25952"}],"wp:attachment":[{"href":"https:\/\/www.wpoven.com\/blog\/wp-json\/wp\/v2\/media?parent=25848"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wpoven.com\/blog\/wp-json\/wp\/v2\/categories?post=25848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}