{"id":20763,"date":"2023-08-22T10:59:10","date_gmt":"2023-08-22T05:29:10","guid":{"rendered":"https:\/\/www.rankwatch.com\/blog\/?p=20763"},"modified":"2023-12-01T18:19:19","modified_gmt":"2023-12-01T12:49:19","slug":"how-to-improve-core-web-vitals","status":"publish","type":"post","link":"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/","title":{"rendered":"How To Improve A Website&#8217;s Core Web Vitals?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">You often click on a link appearing in the search results, and the web page takes longer than usual.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Or, say, while visiting a web page, you face many pop-ups and irrelevant backlinks hampering your experience.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It is also widespread that the content of a web page gets loaded, but the images keep you waiting due to slow loading speed.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In each of the above cases, most users (perhaps including you) do the most practical thing. They leave the page, return to the search results, and click another link.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">However, have you ever thought about why such things happen with specific web pages?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Well, the simple answer is those websites have poor core web vitals, and this article is going to be all about it.<\/span><\/p>\n<h2><b>What Are Core Web Vitals?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Core web vitals are factors that decide the overall user experience.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Google measures a website\u2019s webvitals by collecting field user data from <\/span><a href=\"https:\/\/developer.chrome.com\/docs\/crux\/\"><span style=\"font-weight: 400;\">Chrome User Experience Report<\/span><\/a><span style=\"font-weight: 400;\"> (CrUX) in real-time.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Google then classifies it into either of the three categories; poor, need improvement, and good.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">There are following three essential web vitals metrics,<\/span><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/1-7.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-20764 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/1-7.png?resize=640%2C247&#038;ssl=1\" alt=\"Core web vitals metrics\" width=\"640\" height=\"247\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/1-7.png?w=640&amp;ssl=1 640w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/1-7.png?resize=300%2C116&amp;ssl=1 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<h3><b>Largest Contentful Paint (LCP)<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">This metric measures the loading speed and appearance of the largest elements of a website. These elements can be animations, images, videos, etc. It will be a good practice to ensure loading these elements within 2.5 secs.<\/span><\/p>\n<h3><b>First Input Delay (FID)<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">First input delay measures the website\u2019s responsiveness during the first-time interaction by a user and how fast the website\u2019s browser can offer results to the user. The user should not wait more than 100 ms, otherwise, the bounce rate may increase significantly.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">However, Google will replace FID with Interaction to Next Paint (INP) in March, 2024.<\/span><\/p>\n<h3><b>Cumulative Layout Shift (CLS)<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">CLS measures the ease of user interaction. It checks whether the web page has elements that keep moving while the page is loading and confuses the user.\u00a0<\/span><\/p>\n<h2><b>Why Are Core Web Vitals Important?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Web core vitals play an important role for your website for the following factors,<\/span><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/2-6.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-20765 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/2-6.png?resize=640%2C247&#038;ssl=1\" alt=\"Core web vitals are ranking factors\" width=\"640\" height=\"247\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/2-6.png?w=640&amp;ssl=1 640w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/2-6.png?resize=300%2C116&amp;ssl=1 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<ol>\n<li><span style=\"font-weight: 400;\">Google has confirmed that page experience will be a ranking factor in their <\/span><a href=\"https:\/\/developers.google.com\/search\/blog\/2020\/05\/evaluating-page-experience\"><span style=\"font-weight: 400;\">Page Experience Update<\/span><\/a><span style=\"font-weight: 400;\"> in May 2020.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">The page experience score will play an essential role in determining the ranking of a website.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Core web vitals will be the most critical factor in measuring page experience scores.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Web vitals are essential for websites to offer a smooth and enhanced user experience.<\/span><\/li>\n<\/ol>\n<h2><b>How To Measure Core Web Vitals?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">You can measure your website\u2019s Google core web vitals in real-time using PageSpeed Insights, Chrome UX Report, Lighthouse, and Chrome DevTools, or by adding Web Vitals Extensions.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">However, the most authentic method to measure your website\u2019s core web vitals is to use Google Search Console.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It provides a core web vitals report that helps you evaluate your website&#8217;s web pages.<\/span><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/3-6.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-20766 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/3-6.png?resize=640%2C247&#038;ssl=1\" alt=\"Core web vitals report in Google search console\" width=\"640\" height=\"247\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/3-6.png?w=640&amp;ssl=1 640w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/3-6.png?resize=300%2C116&amp;ssl=1 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">It shows the web pages that demand attention from the website owner by collecting real-time data from Chrome UX reports.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Though Google search console is helpful, we all know its data limitations.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can overcome this problem by adding your Google search console account with the RankWatch console to extract its full potential.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You only need to follow a few simple steps,<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Go to the dashboard after logging in to your RankWatch account.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click on the \u2018Console\u2019 tab.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Select your Google search console account and profile.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Add your GSC account to the RankWatch console.<\/span><\/li>\n<\/ol>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/4-7.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-20767 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/4-7.png?resize=640%2C247&#038;ssl=1\" alt=\"Adding GSC account to RankWatch console\" width=\"640\" height=\"247\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/4-7.png?w=640&amp;ssl=1 640w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/4-7.png?resize=300%2C116&amp;ssl=1 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">It will be beneficial to check the page uploading speed of your web pages to ensure high LCPs.<\/span><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/5-7.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-20768 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/5-7.png?resize=640%2C247&#038;ssl=1\" alt=\"Page load time in RankWatch website analyzer.\" width=\"640\" height=\"247\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/5-7.png?w=640&amp;ssl=1 640w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/5-7.png?resize=300%2C116&amp;ssl=1 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">RankWatch\u2019s <\/span><a href=\"https:\/\/www.rankwatch.com\/tools\/web-analyzer.html\"><span style=\"font-weight: 400;\">website SEO analysis tool<\/span><\/a><span style=\"font-weight: 400;\"> can help you measure the same.<\/span><\/p>\n<h2><b>How To Improve Core Web Vitals?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Now as you know the importance of Google core web vitals in ranking your website, the next obvious thing you will be interested in is to improve your web vitals.<\/span><\/p>\n<h3><b>Reduce JavaScript (JS) Execution<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">If the user needs to wait more than 300 ms to get results from your website while using it for the first time, your FID score will be poor.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can improve your FID score by reducing JavaScript execution time, i.e., the time between browser JS code execution and page.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You need to identify the usage of JS codes using a reliable tool like RankWatch website analyzer.<\/span><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/6-6.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-20769 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/6-6.png?resize=640%2C247&#038;ssl=1\" alt=\"Usage of duplicate JS showing in RankWatch website analyzer\" width=\"640\" height=\"247\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/6-6.png?w=640&amp;ssl=1 640w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/6-6.png?resize=300%2C116&amp;ssl=1 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Once identified, you can reduce JS execution by deferring JavaScripts not in use and deleting duplicate JavaScripts.<\/span><\/p>\n<h3><b>Apply Lazy Loading<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">If your website contains heavy elements like animations, images, videos, etc., implementing <\/span><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Performance\/Lazy_loading\"><span style=\"font-weight: 400;\">lazy loading<\/span><\/a><span style=\"font-weight: 400;\"> is a must.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">That prevents unnecessary loading of those heavy elements at the time of loading above the fold portion of your web page and helps you achieve a higher LCP score.<\/span><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/7-5.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-20771 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/7-5.png?resize=640%2C247&#038;ssl=1\" alt=\"Lazy loading\" width=\"640\" height=\"247\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/7-5.png?w=640&amp;ssl=1 640w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/7-5.png?resize=300%2C116&amp;ssl=1 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Lazy loading allows your website to load the heavy elements the moment the user scrolls down to that part.<\/span><\/p>\n<h3><b>Use Optimized And Compressed Images<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Images being one of the heavy elements of a website, using optimized and compressed images can significantly make your web pages lighter.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">That, in turn, helps to reduce the page uploading time, offer a smooth user experience, and achieve a top-notch LCP score.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you are worried about the image quality after compressing, you won\u2019t be able to differentiate unless you zoom the image or use the wrong format while saving.<\/span><\/p>\n<h3><b>Allocating Dimensions For Images And Embeds<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">It is essential to allocate the correct dimensions of the images and the embeds in CSS files because it helps you avoid layout shifting issues and achieve a CLS score of less than 0.1 seconds.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Unless you specify the correct size of the images and embeds, the browser cannot understand how much space it should allocate for the element while loading the web page. That makes the user face a layout shift.<\/span><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/9-6.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-20774 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/9-6.png?resize=640%2C247&#038;ssl=1\" alt=\"Layout shifting issues\" width=\"640\" height=\"247\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/9-6.png?w=640&amp;ssl=1 640w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/9-6.png?resize=300%2C116&amp;ssl=1 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">It is a good practice to reserve spaces for elements in advance to improve your CLS score and user experience.<\/span><\/p>\n<h3><b>Ensure Fast Server Response Time<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">If it takes long to receive content from the server, the browser automatically delays rendering the same on the screen.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A slow server response time not only affects your website&#8217;s SEO but also spoils the user&#8217;s experience. That may increase your bounce rate as well.<\/span><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/10-5.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-20775 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/10-5.png?resize=640%2C247&#038;ssl=1\" alt=\"Preferable server response time\" width=\"640\" height=\"247\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/10-5.png?w=640&amp;ssl=1 640w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/10-5.png?resize=300%2C116&amp;ssl=1 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">First, you need to check the current performance of your server by checking the following essential parameters,<\/span><\/p>\n<ol>\n<li><span style=\"font-weight: 400;\">Check how fast the server is hosting your website.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Check the CDN of your website.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Check whether the usage of any specific plug-in is slowing the loading speed of your website.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">After checking the above parameters, it is time to check the server response time using <\/span><a href=\"https:\/\/web.dev\/ttfb\/\"><span style=\"font-weight: 400;\">Time To First Bite<\/span><\/a><span style=\"font-weight: 400;\"> (TTFB). That will give you an idea of how long a user needs to wait to receive the first bite of your web page content after clicking.<\/span><\/p>\n<h2><b>Additional Tip For Improving Core Web Vitals<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">In this era of mobile technology, you need to know your website\u2019s performance on a mobile device to rank higher.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Moreover, Google follows mobile-first indexing. It prioritizes the mobile version over the desktop version of your website while ranking your website for search results.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hence, it is essential to monitor how your website is rendered on mobile devices using RankWatch\u2019s website analyzer.<\/span><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/11-5.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-20776 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/11-5.png?resize=640%2C247&#038;ssl=1\" alt=\"Mobile rendering report in RankWatch website analyzer\" width=\"640\" height=\"247\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/11-5.png?w=640&amp;ssl=1 640w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/11-5.png?resize=300%2C116&amp;ssl=1 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Once you have checked your website\u2019s mobile rendering, you need to measure the mobile-friendliness of your website using RankWatch <\/span><a href=\"https:\/\/www.rankwatch.com\/tools\/mobile-friendly-check.html\"><span style=\"font-weight: 400;\">mobile-friendly checker tool<\/span><\/a><\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/12-5.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-20777 size-full\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/12-5.png?resize=640%2C247&#038;ssl=1\" alt=\"RankWatch mobile friendly checker tool\" width=\"640\" height=\"247\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/12-5.png?w=640&amp;ssl=1 640w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/12-5.png?resize=300%2C116&amp;ssl=1 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<h2><b>Conclusion<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Google web vitals play an essential role in ranking your website. Besides, as a website owner, you must ensure your users get a flawless experience that further helps you earn organic traffic.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You must ensure that your web pages offer fast loading speed, smooth interactivity, and visual stability to the users.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If the Chrome user reports show most of your web pages have poor Google core vitals, it will drop your rankings drastically.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hence, it is essential to measure your web vitals using a reliable tool like RankWatch and take necessary actions to improve them as the tool recommends.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You often click on a link appearing in the search results, and the web page takes longer than usual. Or, say, while visiting a web page, you face many pop-ups and irrelevant backlinks hampering your experience. It is also widespread that the content of a web page gets loaded, but the images keep you waiting [&hellip;]<\/p>\n","protected":false},"author":215,"featured_media":20778,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","footnotes":""},"categories":[39],"tags":[],"class_list":["post-20763","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technical-seo","entry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How To Improve Core Web Vitals (5 Effective Ways)<\/title>\n<meta name=\"description\" content=\"Boost your website performance with Core Web Vitals optimization. Discover methods to enhance your user experience and skyrocket your SERP rankings.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Improve Core Web Vitals (5 Effective Ways)\" \/>\n<meta property=\"og:description\" content=\"Boost your website performance with Core Web Vitals optimization. Discover methods to enhance your user experience and skyrocket your SERP rankings.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/\" \/>\n<meta property=\"og:site_name\" content=\"RankWatch Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/RankWatch\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/RankWatch1\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-22T05:29:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-01T12:49:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/core-web_vitals_banner.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Sahil Kakkar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@RankWatch\" \/>\n<meta name=\"twitter:site\" content=\"@rankwatch\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sahil Kakkar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/\"},\"author\":{\"name\":\"Sahil Kakkar\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/fddb7440d6f90e9b9983791e476a1429\"},\"headline\":\"How To Improve A Website&#8217;s Core Web Vitals?\",\"datePublished\":\"2023-08-22T05:29:10+00:00\",\"dateModified\":\"2023-12-01T12:49:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/\"},\"wordCount\":1300,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/core-web_vitals_banner.png?fit=1200%2C800&ssl=1\",\"articleSection\":[\"Technical SEO\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/\",\"name\":\"How To Improve Core Web Vitals (5 Effective Ways)\",\"isPartOf\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/core-web_vitals_banner.png?fit=1200%2C800&ssl=1\",\"datePublished\":\"2023-08-22T05:29:10+00:00\",\"dateModified\":\"2023-12-01T12:49:19+00:00\",\"description\":\"Boost your website performance with Core Web Vitals optimization. Discover methods to enhance your user experience and skyrocket your SERP rankings.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/core-web_vitals_banner.png?fit=1200%2C800&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/core-web_vitals_banner.png?fit=1200%2C800&ssl=1\",\"width\":1200,\"height\":800},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.rankwatch.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Improve A Website&#8217;s Core Web Vitals?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#website\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/\",\"name\":\"RankWatch Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.rankwatch.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#organization\",\"name\":\"Rankwatch\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1\",\"width\":400,\"height\":90,\"caption\":\"Rankwatch\"},\"image\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/RankWatch\/\",\"https:\/\/x.com\/rankwatch\",\"https:\/\/www.instagram.com\/rankwatch_seo\/\",\"https:\/\/in.linkedin.com\/company\/rankwatch\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/fddb7440d6f90e9b9983791e476a1429\",\"name\":\"Sahil Kakkar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/09\/301d348a-2522-4ee1-8dde-2ee543cf1f5e_templates_1627454150633_sahil-final-96x96.png\",\"contentUrl\":\"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/09\/301d348a-2522-4ee1-8dde-2ee543cf1f5e_templates_1627454150633_sahil-final-96x96.png\",\"caption\":\"Sahil Kakkar\"},\"description\":\"Sahil is the CEO and Founder of RankWatch - a platform that helps companies and brands stay ahead with their SEO efforts in the ever growing internet landscape. Sahil likes making creative products that help in the automation of mundane tasks and he can spend endless nights implementing new technologies and ideas. You can connect with him and the Rankwatch team on Facebook or Twitter.\",\"sameAs\":[\"http:\/\/www.rankwatch.com\",\"https:\/\/www.facebook.com\/RankWatch1\",\"https:\/\/in.linkedin.com\/company\/rankwatch\",\"https:\/\/x.com\/RankWatch\"],\"url\":\"https:\/\/www.rankwatch.com\/blog\/author\/sahil-kakkar\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Improve Core Web Vitals (5 Effective Ways)","description":"Boost your website performance with Core Web Vitals optimization. Discover methods to enhance your user experience and skyrocket your SERP rankings.","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:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/","og_locale":"en_US","og_type":"article","og_title":"How To Improve Core Web Vitals (5 Effective Ways)","og_description":"Boost your website performance with Core Web Vitals optimization. Discover methods to enhance your user experience and skyrocket your SERP rankings.","og_url":"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/","og_site_name":"RankWatch Blog","article_publisher":"https:\/\/www.facebook.com\/RankWatch\/","article_author":"https:\/\/www.facebook.com\/RankWatch1","article_published_time":"2023-08-22T05:29:10+00:00","article_modified_time":"2023-12-01T12:49:19+00:00","og_image":[{"width":1200,"height":800,"url":"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/core-web_vitals_banner.png","type":"image\/png"}],"author":"Sahil Kakkar","twitter_card":"summary_large_image","twitter_creator":"@RankWatch","twitter_site":"@rankwatch","twitter_misc":{"Written by":"Sahil Kakkar","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/#article","isPartOf":{"@id":"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/"},"author":{"name":"Sahil Kakkar","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/fddb7440d6f90e9b9983791e476a1429"},"headline":"How To Improve A Website&#8217;s Core Web Vitals?","datePublished":"2023-08-22T05:29:10+00:00","dateModified":"2023-12-01T12:49:19+00:00","mainEntityOfPage":{"@id":"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/"},"wordCount":1300,"commentCount":0,"publisher":{"@id":"https:\/\/www.rankwatch.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/core-web_vitals_banner.png?fit=1200%2C800&ssl=1","articleSection":["Technical SEO"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/","url":"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/","name":"How To Improve Core Web Vitals (5 Effective Ways)","isPartOf":{"@id":"https:\/\/www.rankwatch.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/#primaryimage"},"image":{"@id":"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/core-web_vitals_banner.png?fit=1200%2C800&ssl=1","datePublished":"2023-08-22T05:29:10+00:00","dateModified":"2023-12-01T12:49:19+00:00","description":"Boost your website performance with Core Web Vitals optimization. Discover methods to enhance your user experience and skyrocket your SERP rankings.","breadcrumb":{"@id":"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/#primaryimage","url":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/core-web_vitals_banner.png?fit=1200%2C800&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/core-web_vitals_banner.png?fit=1200%2C800&ssl=1","width":1200,"height":800},{"@type":"BreadcrumbList","@id":"https:\/\/www.rankwatch.com\/blog\/how-to-improve-core-web-vitals\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.rankwatch.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How To Improve A Website&#8217;s Core Web Vitals?"}]},{"@type":"WebSite","@id":"https:\/\/www.rankwatch.com\/blog\/#website","url":"https:\/\/www.rankwatch.com\/blog\/","name":"RankWatch Blog","description":"","publisher":{"@id":"https:\/\/www.rankwatch.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.rankwatch.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.rankwatch.com\/blog\/#organization","name":"Rankwatch","url":"https:\/\/www.rankwatch.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1","width":400,"height":90,"caption":"Rankwatch"},"image":{"@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/RankWatch\/","https:\/\/x.com\/rankwatch","https:\/\/www.instagram.com\/rankwatch_seo\/","https:\/\/in.linkedin.com\/company\/rankwatch"]},{"@type":"Person","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/fddb7440d6f90e9b9983791e476a1429","name":"Sahil Kakkar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/09\/301d348a-2522-4ee1-8dde-2ee543cf1f5e_templates_1627454150633_sahil-final-96x96.png","contentUrl":"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/09\/301d348a-2522-4ee1-8dde-2ee543cf1f5e_templates_1627454150633_sahil-final-96x96.png","caption":"Sahil Kakkar"},"description":"Sahil is the CEO and Founder of RankWatch - a platform that helps companies and brands stay ahead with their SEO efforts in the ever growing internet landscape. Sahil likes making creative products that help in the automation of mundane tasks and he can spend endless nights implementing new technologies and ideas. You can connect with him and the Rankwatch team on Facebook or Twitter.","sameAs":["http:\/\/www.rankwatch.com","https:\/\/www.facebook.com\/RankWatch1","https:\/\/in.linkedin.com\/company\/rankwatch","https:\/\/x.com\/RankWatch"],"url":"https:\/\/www.rankwatch.com\/blog\/author\/sahil-kakkar\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2023\/08\/core-web_vitals_banner.png?fit=1200%2C800&ssl=1","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts\/20763","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/users\/215"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/comments?post=20763"}],"version-history":[{"count":3,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts\/20763\/revisions"}],"predecessor-version":[{"id":21270,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts\/20763\/revisions\/21270"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/media\/20778"}],"wp:attachment":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/media?parent=20763"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/categories?post=20763"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/tags?post=20763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}