{"id":8014,"date":"2025-02-13T14:10:28","date_gmt":"2025-02-13T14:10:28","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/?p=8014"},"modified":"2025-10-03T15:50:42","modified_gmt":"2025-10-03T10:20:42","slug":"how-to-improve-magento-core-web-vitals","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/how-to-improve-magento-core-web-vitals\/","title":{"rendered":"How to Improve Magento Core Web Vitals?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Is your Magento store failing the core web vitals assessment test? Read this complete article to find out the reasons why and how to fix it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s start with the basics first.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is Google Core Web Vitals?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Core Web Vitals (CWVs) by Google is a set of metrics that measure the page loading speed, its interactivity, and visual stability. These metrics grade the user experience of the page (e.g., poor and good).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here are the three metrics of Google CWV:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Largest Contentful Paint (LCP) &#8211; <\/strong>Measure how long it takes for the largest element on the first fold to load<\/li>\n\n\n\n<li><strong>Interaction to Next Paint (INP) &#8211; <\/strong>Measures the time it takes for the web elements to respond to user interactions. The longest time of all interactions is taken into consideration.<\/li>\n\n\n\n<li><strong>Cumulative Layout Shift (CLS) &#8211; <\/strong>Measures the unexpected shift of layouts during the entire lifecycle of the page<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Pages having better scores in the core web vitals are considered Good by Google. They\u2019re also considered as one of the key features of high-quality pages, which affects SEO rankings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There is no clear line between <strong>Good <\/strong>and <strong>Poor <\/strong>scores for these metrics. Therefore, Google classifies the core web vital scores into three categories:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><\/td><td><strong>Good<\/strong><\/td><td><strong>Needs Improvement<\/strong><\/td><td><strong>Poor<\/strong><\/td><\/tr><tr><td><strong>LCP<\/strong><\/td><td>&lt;=2.5s<\/td><td>&lt;=4s<\/td><td>&gt;4s<\/td><\/tr><tr><td><strong>INP<\/strong><\/td><td>&lt;=200ms<\/td><td>&lt;=500ms<\/td><td>&gt;500ms<\/td><\/tr><tr><td><strong>CLS<\/strong><\/td><td>&lt;=0.1<\/td><td>&lt;=0.25<\/td><td>&gt;0.25<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Tools to Measure Core Web Vitals for Magento 2<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can check the status of your store\u2019s core web vitals score from the Google Search Console. Log into your website\u2019s search console property and on the left side menu, click on <strong>Core Web Vitals<\/strong> under <strong>Experience<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1593\" height=\"785\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/google-core-web-vitals-magento-2.png\" alt=\"google core web vitals magento\" class=\"wp-image-8015\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/google-core-web-vitals-magento-2.png 1593w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/google-core-web-vitals-magento-2-250x123.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/google-core-web-vitals-magento-2-700x345.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/google-core-web-vitals-magento-2-768x378.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/google-core-web-vitals-magento-2-1536x757.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/google-core-web-vitals-magento-2-403x199.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/google-core-web-vitals-magento-2-964x475.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/google-core-web-vitals-magento-2-120x59.png 120w\" sizes=\"auto, (max-width: 1593px) 100vw, 1593px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The graph will display the number of good, poor, and need-improvement URLs for both mobile and desktop devices. It helps you discover the real performance your users are experiencing in the store.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also get the list of URLs with poor or need improvement scores below the graph and find reasons for each failed URL. You can also get these details for any page through the official <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noopener\">PageSpeed Insights tool by Google<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The core web vitals score in Google Search Console and PageSpeed Insights tool are not real-time and are calculated from what users have experienced in the last 28 days.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To test any page\u2019s core web vitals in real time, you can use the Lighthouse tool in Google Chrome or <a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener\"><strong>GTmetrix<\/strong><\/a>.<strong>&nbsp;<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Reasons Magento 2 Fails Core Web Vitals<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">There could be several reasons why your store fails the core web vitals score \u2013 it could be an issue with the server, your Magento configuration, or CDN. Here are some:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Poor response time from the hosting server<\/li>\n\n\n\n<li>The page size is too high<\/li>\n\n\n\n<li>The HTML DOM structure is very complex<\/li>\n\n\n\n<li>Loading JS \/ CSS resources from third-party slow servers<\/li>\n\n\n\n<li>Executing the less important resources first<\/li>\n\n\n\n<li>Not serving the cached version of the site<\/li>\n\n\n\n<li>Your CDN Is very slow to respond<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">You may need an expert to find the core reason why your Magento store fails the core web vitals test. Finding the reason is the first step towards improving the store.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">6 Ways to Improve Magento Core Web Vitals Score<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The methods to improve core web vitals scores vary case-by-case. You first need to identify the reasons and then take appropriate actions to fix them.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">However, here are some general steps that you can follow to improve your Magento site\u2019s core web vitals score:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Use Varnish Cache<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In Magento 2, you can enable server-side caching to reduce the processing time and speed up the website. This is helpful if you\u2019re experiencing delays from the server side for requests.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Steps to enable varnish cache in Magento 2:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Stores &gt; Configuration<\/strong><\/li>\n\n\n\n<li>Expand the <strong>Advanced<\/strong> options and select <strong>System<\/strong><\/li>\n\n\n\n<li>In the Caching Application and select <strong>Varnish Cache <\/strong>from the dropdown (you may need to uncheck the <strong>Use System value<\/strong>)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"697\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/use-varnish-cache-in-magento-2.png\" alt=\"use varnish cache in magento 2\" class=\"wp-image-8017\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/use-varnish-cache-in-magento-2.png 1600w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/use-varnish-cache-in-magento-2-250x109.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/use-varnish-cache-in-magento-2-700x305.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/use-varnish-cache-in-magento-2-768x335.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/use-varnish-cache-in-magento-2-1536x669.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/use-varnish-cache-in-magento-2-403x176.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/use-varnish-cache-in-magento-2-964x420.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/use-varnish-cache-in-magento-2-120x52.png 120w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Once done, <strong>Save<\/strong> the configuration.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Enabling the varnish cache from Magento 2 admin can help you speed up the process from the Magento side and can help improve the LCP scores.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Reduce JS &amp; CSS<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Your Magento site may experience poor core web vitals scores if you\u2019re loading too many bulky resources like JS and CSS. This could be because of resources that are not required at the time of page load.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here\u2019s what you can do:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Identify and remove the JS and CSS that are not used<\/li>\n\n\n\n<li>Enable the <strong>Minify &amp; Merge<\/strong> options for the <strong>JS and CSS<\/strong> in the admin<\/li>\n\n\n\n<li>Defer parsing of JS that is not required during the page load<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">How to Minify &amp; Merge Resources in Magento 2?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Perform the following steps:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Stores &gt; Configuration<\/strong><\/li>\n\n\n\n<li>Expand the <strong>Advanced<\/strong> options and select <strong>Developer<\/strong><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">In the <strong>Developer <\/strong>settings, you\u2019ll find sections for <strong>JavaScript Settings <\/strong>and <strong>CSS Settings<\/strong>. Enable the merging and minification settings for these resources as shown below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"743\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/enable-js-css-minify.png\" alt=\"enable js css minify\" class=\"wp-image-8021\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/enable-js-css-minify.png 1600w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/enable-js-css-minify-250x116.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/enable-js-css-minify-700x325.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/enable-js-css-minify-768x357.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/enable-js-css-minify-1536x713.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/enable-js-css-minify-403x187.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/enable-js-css-minify-964x448.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/enable-js-css-minify-120x56.png 120w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Finally, <strong>Save<\/strong> the settings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also check out this guide to defer the parsing of JS and <a href=\"https:\/\/meetanshi.com\/blog\/eliminate-render-blocking-resources-in-magento-2\/\">eliminate the render-blocking resources in Magento 2<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Switch to a Dedicated Hosting<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Failed core web vitals in Magento 2 could be because of a poor server response time. The server may not be able to respond swiftly because of overloaded storage or poor configuration.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s a common reason for sites that are using shared hosting.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">One good way to see if your server is not responding fast is to check the crawl statistics in your search console.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To do this:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open the search console property of your website and go to <strong>Settings<\/strong><\/li>\n\n\n\n<li>Click <strong>Open Report <\/strong>against the Crawl stats field<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1362\" height=\"673\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/google-search-console-crawl-stats.png\" alt=\"google search console crawl stats\" class=\"wp-image-8025\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/google-search-console-crawl-stats.png 1362w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/google-search-console-crawl-stats-250x124.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/google-search-console-crawl-stats-700x346.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/google-search-console-crawl-stats-768x379.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/google-search-console-crawl-stats-403x199.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/google-search-console-crawl-stats-964x476.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/google-search-console-crawl-stats-120x59.png 120w\" sizes=\"auto, (max-width: 1362px) 100vw, 1362px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Here, you can check the average response time of requests on your server. If it\u2019s too high, you should consider moving your website to another server.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here are the benchmarks:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Good &#8211; <\/strong>Less than 200ms<\/li>\n\n\n\n<li><strong>Acceptable &#8211; <\/strong>200ms to 1000ms<\/li>\n\n\n\n<li><strong>Poor &#8211; <\/strong>More than 1000ms<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1253\" height=\"528\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/see-server-response-time-in-gsc.png\" alt=\"see server response time in gsc\" class=\"wp-image-8027\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/see-server-response-time-in-gsc.png 1253w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/see-server-response-time-in-gsc-250x105.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/see-server-response-time-in-gsc-700x295.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/see-server-response-time-in-gsc-768x324.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/see-server-response-time-in-gsc-403x170.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/see-server-response-time-in-gsc-964x406.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/02\/see-server-response-time-in-gsc-120x51.png 120w\" sizes=\"auto, (max-width: 1253px) 100vw, 1253px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If your score is above 200ms, we suggest upgrading your server plan or moving to a <a href=\"https:\/\/meetanshi.com\/blog\/magento-hosting-providers\/\">faster Magento hosting provider<\/a>.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Use CDN to Deliver Content<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you\u2019re not using a content delivery network (CDN), you should. A CDN is a group of servers across the globe that delivers content from the nearest location to the users.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Using a CDN can help you speed up the response time and also help with issues like LCP.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Some of the good CDNs to use for Magento 2 stores are Cloudflare, Fastly, and Amazon CloudFront.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Audit Third-party Modules<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The third-party extensions you\u2019re using might be affecting the core web vitals score.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Even if they don\u2019t have any frontend functionalities, the extensions may slow down the backend processes and affect the overall core web vitals score.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Perform these steps for each extension one by one:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Test the lighthouse score of any page<\/li>\n\n\n\n<li>Disable the extension in the store<\/li>\n\n\n\n<li>Flush Magento 2 cache from the backend<\/li>\n\n\n\n<li>Re-test the same page\u2019s lighthouse<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">If you see any major improvements in the page speed score after disabling the extension, it might be the real culprit. This could be because many of the third-party extensions available may contain poor-quality codes and are not optimized for page speed. That\u2019s why it\u2019s a good decision to consider <a href=\"https:\/\/meetanshi.com\/magento-2-extensions.html\">Magento 2 extensions<\/a> from a reputed vendor like Meetanshi.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. Avoid Excessive DOM Size<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Magento core web vitals may fail because of excessively large HTML pages with DOM sizes. You can analyze the file size of HTML pages through tools like GTmetrix or directly check them through the Chrome Network tab.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you believe your pages are excessively large or complex, you may consider moving your theme to modern frontends like Hyv\u00e4. It reduces the traditional dependencies in the Luma front end and replaces it with a cleaner, faster structure.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Best Option to Fix Magento Core Web Vitals Score: Hyv\u00e4 Theme \ud83d\ude80<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Hyv\u00e4 is a modern, lightweight frontend theme for Magento 2. It automatically fixes most of the issues listed above out-of-the-box with its clean and well-structured code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Your site can achieve a GOOD (90+) score in the Google core web vitals test with a brand new look in Hyv\u00e4 theme. Further, the front end is optimized to speed up development and customization. It\u2019s the best option in the market to consider if you want to improve the Magento core web vitals score.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><div class=\"meetanshi-cta\">\r\n<div class=\"cta-content-wrapper\">\r\n<span> Hyv\u00e4 Development Service<\/span>\r\n<p>Get a fast-loading store in less than 7 weeks with Hyv\u00e4 theme<\/p>\r\n<a href=\"https:\/\/meetanshi.com\/hyva-theme-development-service\" target=\"_blank\" class=\"btn-primary\">Hire Us<\/a>\r\n<\/div>\r\n<div class=\"cta-image-new\">\r\n<img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/11\/hyva-theme-development-service.png\" alt=\"Hyva Theme Development Service\">\r\n<\/div>\r\n<\/div><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">FAQs<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">How to Fix LCP Issues in Magento 2?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can fix LCP issues in Magento 2 by optimizing the size and delivery of the resources. If the LCP issue is caused by a media file, you should try reducing its size. You can also defer parsing of other less important resources to improve the LCP score.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How to Eliminate Render-blocking Resources in Magento 2?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can use Meetanshi\u2019s free <a href=\"https:\/\/meetanshi.com\/magento-2-defer-parsing-javascript.html\">defer parsing of JS extension for Magento 2<\/a>. It helps you defer the less important scripts that are not required during the page load.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What is a Good Core Web Vitals Score for Magento 2?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here are the good core web vitals score metrics for Magento 2:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>LCP:<\/strong> &lt;=2.5s<\/li>\n\n\n\n<li><strong>INP:<\/strong> &lt;=200ms<\/li>\n\n\n\n<li><strong>CLS:<\/strong> &lt;=0.1<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Luma Theme has Large CLS Issue &#8211; How to Fix?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The CLS issues in the Luma Magento 2 theme may be mainly because of sizes not assigned explicitly to the rendered HTML elements. E.g., an image tag without any height or width will lead to CLS when the image loads.<\/p>\n\n\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How to Fix LCP Issues in Magento 2?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"You can fix LCP issues in Magento 2 by optimizing the size and delivery of the resources. If the LCP issue is caused by a media file, you should try reducing its size. You can also defer parsing of other less important resources to improve the LCP score.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How to Eliminate Render-blocking Resources in Magento 2?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"You can use Meetanshi\u2019s free defer parsing of JS extension for Magento 2. It helps you defer the less important scripts that are not required during the page load.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is a Good Core Web Vitals Score for Magento 2?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Here are the good core web vitals score metrics for Magento 2: LCP: <=2.5s, INP: <=200ms, CLS: <=0.1\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Luma Theme has Large CLS Issue \u2013 How to Fix?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"The CLS issues in the Luma Magento 2 theme may be mainly because of sizes not assigned explicitly to the rendered HTML elements. For example, an image tag without any height or width will lead to CLS when the image loads.\"\n      }\n    }\n  ]\n}\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Is your Magento store failing the core web vitals assessment test? Read this complete article to find out the reasons why and how to fix&#8230;<\/p>\n","protected":false},"author":5,"featured_media":8031,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34,5869],"tags":[],"class_list":["post-8014","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento","category-hyva-themes"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/8014","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=8014"}],"version-history":[{"count":9,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/8014\/revisions"}],"predecessor-version":[{"id":23163,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/8014\/revisions\/23163"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media\/8031"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=8014"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=8014"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=8014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}