{"id":215866,"date":"2022-03-28T14:37:02","date_gmt":"2022-03-28T01:37:02","guid":{"rendered":"https:\/\/pureseotest.wpengine.com\/?p=215866"},"modified":"2022-07-23T22:35:27","modified_gmt":"2022-07-23T10:35:27","slug":"the-pure-seo-guide-to-core-web-vitals","status":"publish","type":"post","link":"https:\/\/pureseo.com\/gb\/blog\/the-pure-seo-guide-to-core-web-vitals","title":{"rendered":"The Pure SEO Guide to Core Web Vitals"},"content":{"rendered":"<!--wp:paragraph-->\r\n<p>Google constantly updates its ranking algorithms to provide the best page experience for users and maintain its status as a top-tier search engine. In June 2021, Google introduced an interesting update to this equation: Core Web Vitals. The three Core Web Vitals metrics represent a page\u2019s visual stability, interactivity, and load time. According to the update, these factors will play a significant role in determining the \u201cpage experience\u201d score for Google rankings.<\/p>\r\n<!-- \/wp:post-content -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Google\u2019s dedication to optimum user experience isn\u2019t a myth to anyone. Page Experience is one of many known factors that Google uses to rank websites in search results. However, a 100% score in page experience will not automatically land you on the #1 spot in Google search results.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Below, we\u2019ll dive deep into Core Web Vitals: what they are, why they matter, and how you can fix them to improve your rankings. So, without further ado, let\u2019s get started!<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:html -->\r\n<br>\r\n<!-- \/wp:html -->\r\n<!-- wp:heading -->\r\n<h2>What Are Core Web Vitals and Why Are They Important?<\/h2>\r\n<!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>What are Core Web Vitals? Why should you care about them? In short, Core Web Vitals are page experience metrics that analyse the user experience on a particular website. They measure how fast users can interact with a website and what kind of results they\u2019ll get.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>They also measure how easy or difficult it is for users to navigate the website. Improving the website\u2019s overall user experience will automatically improve your page experience. According to Google, page experience is a mishmash of multiple factors that determine the user experience of a website, including:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>\r\n<ul>\r\n \t<li>Core Web Vitals<\/li>\r\n \t<li>Mobile Friendliness<\/li>\r\n \t<li>HTTPS Status<\/li>\r\n \t<li>Safe Browsing (meaning no Malware on your page)<\/li>\r\n \t<li>No intrusive interstitials<\/li>\r\n<\/ul>\r\n<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Google plans to make page experience an <a href=\"https:\/\/developers.google.com\/search\/blog\/2020\/05\/evaluating-page-experience\" target=\"_blank\" rel=\"noopener\">official ranking factor for search results<\/a>. Judging by the announcement and the name itself, it is safe to assume that core web vitals will make up a significant chunk of your page experience score. Understand, however, that a good page experience is not a substitute for good content. In cases with similar content, page experience becomes the deciding factor for visibility in search results, along with other SEO matrices.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Therefore, ignoring page experience is one of the biggest <a href=\"https:\/\/pureseo.com\/blog\/common-small-business-seo-mistakes\" target=\"_blank\" rel=\"noopener\">Small Business SEO Mistakes<\/a>. If you check our <a href=\"https:\/\/pureseo.com\/blog\/top-5-seo-tips-for-small-businesses\" target=\"_blank\" rel=\"noopener\">Small Business SEO<\/a> tips, you will find that <a href=\"https:\/\/developers.google.com\/search\/blog\/2018\/01\/using-page-speed-in-mobile-search\" target=\"_blank\" rel=\"noopener\">website speed<\/a> is a Google ranking factor and core web vitals metric.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Core web vitals incorporate three vital matrices, including:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>\r\n<ul>\r\n \t<li>Largest Contentful Paint (LCP)<\/li>\r\n \t<li>First Input Delay (FID)<\/li>\r\n \t<li>Cumulative Layout Shift (CLS)<\/li>\r\n<\/ul>\r\n<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Let\u2019s have a look at these matrices in detail.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\u200b\"level\":3}\u200b --> \r\n<h3>1. Largest Contentful Paint (LCP)<\/h3>\r\n <!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Largest Contentful Paint (LCP) measures how long it takes for a website to load the largest visual elements (images, videos, animations, text, etc.) from a user\u2019s point of view. In other words, it measures the time from clicking on a link to seeing the majority of the content on the screen.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>LCP is relatively different from other page speed metrics because it accounts for user experience and focuses on what matters most for page speed: the ability to view and interact with your website. Google has introduced specific LCP guidelines, breaking them into three buckets to help website owners get a better idea of their site speed:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-215867 lazyload\" data-src=\"https:\/\/pureseo.com\/wp-content\/uploads\/2022\/03\/LCP-Core-Web-Vitals-338x338.jpg\" alt=\"LCP - Core Web Vitals\" width=\"338\" height=\"338\" data-srcset=\"https:\/\/pureseo.com\/wp-content\/uploads\/2022\/03\/LCP-Core-Web-Vitals-338x338.jpg 338w, https:\/\/pureseo.com\/wp-content\/uploads\/2022\/03\/LCP-Core-Web-Vitals-300x300.jpg 300w, https:\/\/pureseo.com\/wp-content\/uploads\/2022\/03\/LCP-Core-Web-Vitals-100x100.jpg 100w, https:\/\/pureseo.com\/wp-content\/uploads\/2022\/03\/LCP-Core-Web-Vitals.jpg 543w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 338px; --smush-placeholder-aspect-ratio: 338\/338;\" data-original-sizes=\"(max-width: 338px) 100vw, 338px\" \/><\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>In short, you need to make sure every page on your website loads in less than 2 seconds to maintain a good LCP score. However, this can be a real challenge for large web pages and pages with loads of features.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\u200b\"level\":3}\u200b --> \r\n<h3>2. First Input Delay (FID)<\/h3>\r\n <!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>First Input Delay (FID) measures the time it takes for a web page to respond to a user\u2019s first interaction, such as clicking a link or tapping a button. During FID, the page is in the process of loading content and is not yet reliably interactive as the browser is busy with other \u201cmain-thread\u201d tasks that need to finish before the page is ready to respond to any user input. Examples include:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>\r\n<ul>\r\n \t<li>Typing information in an input field, such as email address or phone number<\/li>\r\n \t<li>Clicking on a link in the navigation menu<\/li>\r\n \t<li>Clicking on a CTA button<\/li>\r\n \t<li>Opening up \u201cAccordion Text\u201d on a mobile phone<\/li>\r\n<\/ul>\r\n<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Scrolling or zooming does not count as a user interaction to measure FID. Similar to LCP, Google has created specific guidelines for acceptable FID. These are:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-215875 lazyload\" data-src=\"https:\/\/pureseo.com\/wp-content\/uploads\/2022\/03\/FID-Core-Web-Vitals-338x338.jpg\" alt=\"FID - Core Web Vitals\" width=\"338\" height=\"338\" data-srcset=\"https:\/\/pureseo.com\/wp-content\/uploads\/2022\/03\/FID-Core-Web-Vitals-338x338.jpg 338w, https:\/\/pureseo.com\/wp-content\/uploads\/2022\/03\/FID-Core-Web-Vitals-300x300.jpg 300w, https:\/\/pureseo.com\/wp-content\/uploads\/2022\/03\/FID-Core-Web-Vitals-100x100.jpg 100w, https:\/\/pureseo.com\/wp-content\/uploads\/2022\/03\/FID-Core-Web-Vitals.jpg 543w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 338px; --smush-placeholder-aspect-ratio: 338\/338;\" data-original-sizes=\"(max-width: 338px) 100vw, 338px\" \/><\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\u200b\"level\":3}\u200b --> \r\n<h3>3. Cumulative Layout Shift (CLS)<\/h3>\r\n <!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>The last metric is cumulative layout shift (CLS). CLS is the measure of a page&#8217;s visual stability as it loads. It shows how many unexpected layout shifts occur as a webpage loads on a screen. If the visual elements on your page move around a lot, your website has high CLS, which negatively impacts your Core Web Vital score.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>To achieve a good user experience, elements on your page must remain reasonably stable as it loads. This way, users will not have to readjust their eyes to understand where links, images, and fields are on the screen. It will also ensure that users do not click on anything by mistake. Google has a specific criterion for CLS in place, which is:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-215883 lazyload\" data-src=\"https:\/\/pureseo.com\/wp-content\/uploads\/2022\/03\/CLS-Core-Web-Vitals-338x338.jpg\" alt=\"\" width=\"338\" height=\"338\" data-srcset=\"https:\/\/pureseo.com\/wp-content\/uploads\/2022\/03\/CLS-Core-Web-Vitals-338x338.jpg 338w, https:\/\/pureseo.com\/wp-content\/uploads\/2022\/03\/CLS-Core-Web-Vitals-300x300.jpg 300w, https:\/\/pureseo.com\/wp-content\/uploads\/2022\/03\/CLS-Core-Web-Vitals-100x100.jpg 100w, https:\/\/pureseo.com\/wp-content\/uploads\/2022\/03\/CLS-Core-Web-Vitals.jpg 543w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 338px; --smush-placeholder-aspect-ratio: 338\/338;\" data-original-sizes=\"(max-width: 338px) 100vw, 338px\" \/><\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>So, ideally speaking, your website should have a CLS score of 0.1 or less.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:html -->\r\n<br>\r\n<!-- \/wp:html -->\r\n<!-- wp:heading -->\r\n<h2>How to Test Your Google Core Web Vitals Score<\/h2>\r\n<!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Following Google\u2019s update, the first question on everyone\u2019s mind was how they can measure or test Google Core Vitals Score for their websites. Luckily, multiple tools allow you to do that, such as Page Speed Insights, Lighthouse, Chrome UX report, Search Console, etc. On top of the list, PageSpeed Insights (PSI) is a tool that provides field data from CrUX and field lab from Lighthouse for any given webpage. Let\u2019s find out how to test your Core Vitals Score using Google PageSpeed Insights.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\u200b\"level\":3}\u200b --> \r\n<h3>1. Discovering LCP Element with PageSpeed Insights<\/h3>\r\n <!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>PageSpeed Insights presents your LCP score in Lab and Field data (if available) and recommendations to improve performance. To discover a page\u2019s Largest Contentful Paint element, scroll down to the \u201cDiagnostics\u201d section and expand the \u201cLargest Contentful Paint Element\u201d tab. Here, Google will display the HTML for the element used to measure your LCP score.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\u200b\"level\":3}\u200b --> \r\n<h3>2. Discovering FID and TBT with PageSpeed Insights<\/h3>\r\n <!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>FID is about user interaction. It is based on actual data, so you cannot find a lab data score for FID. You can only view the FID score in the field data section, and only then if the CrUX report has enough data. Total Blocking Time (TBT) will replace FID in the lab data. You\u2019ll likely improve your TBT if you improve your FID score.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>If you have a low TBT score, scroll down to the \u201cMinimise Third-Party Usage\u201d section in the diagnostics section to check how you can minimise your third-party usage to improve TBT.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\u200b\"level\":3}\u200b --> \r\n<h3>3. Discovering CLS Elements with PageSpeed Insights<\/h3>\r\n <!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Like the LCP score, PageSpeed insights provides field and lab data for the CLS score. This allows you to measure both user data and controlled data.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>To discover CLS elements shifting or affecting your score, scroll down to the diagnostic section and expand the \u201cAvoid Large Layout Shifts\u201d tab. PSI gives you a detailed report of each element and its score to help you understand how much each element contributes to the overall CLS score.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\u200b\"level\":3}\u200b --> \r\n<h3>4. How to View Full Website Google Core Web Vitals?<\/h3>\r\n <!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>To view the Core Web Vitals of an entire website, enter the URL of the website you want to analyse in PSI. You&#8217;ll see Core Web Vitals in both Lab Data (based on Lighthouse) and Field Date (based on CrUX report). The metric with a blue label indicates that the website meets the threshold required by Google. The diagnostic section gives you a detailed overview of how to fix each metric to improve the overall Core Web Vitals score.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:html -->\r\n<br>\r\n<!-- \/wp:html -->\r\n<!-- wp:heading -->\r\n<h2>How To Fix\/Improve Core Web Vitals<\/h2>\r\n<!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Now that you understand what Core Web Vitals are, why they matter, and how you can test your Google Core Web Vital scores, it&#8217;s time to get into the real game: how to fix or improve your Core Web Vitals. It\u2019s no secret that fixing your Core Web Vitals is not an easy task. However, it\u2019s definitely worth the effort, especially for <a href=\"https:\/\/pureseo.com\/seo\/seo-for-smbs\" target=\"_blank\" rel=\"noopener\">Small Business SEO<\/a>.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>It not only helps you rank your page in the organic search results but also helps you improve your overall user experience, lower your <a href=\"https:\/\/pureseo.com\/blog\/top-reasons-for-high-bounce-rates\" target=\"_blank\" rel=\"noopener\">bounce rate<\/a>, and eventually uplift your ROI. So, in short, it&#8217;s a win-win from all sides. Now, let&#8217;s explore some techniques that you can implement to fix or improve your website\u2019s core web vitals and overall page experience.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\u200b\"level\":3}\u200b --> \r\n<h3>1. Improving Largest Contentful Paint (LCP) Score<\/h3>\r\n <!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Your LCP score depends on the complexity of features and content on your website. As mentioned above, Google recommends an LCP score of 2.5 seconds or less. Common causes of bad LCP score include:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>\r\n<ul>\r\n \t<li>Slow Server Response Time<\/li>\r\n \t<li>Client-side Rendering<\/li>\r\n \t<li>Render-blocking CSS and Javascript<\/li>\r\n \t<li>Slow Resource Load Times<\/li>\r\n<\/ul>\r\n<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\u200b\"level\":4}\u200b --> \r\n<h4>A) Improve Server Response Time.<\/h4>\r\n <!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>The time it takes for content to load on the screen depends on the time necessary for the browser to receive information from the server. A faster server response time directly improves the page-speed metrics, including LCP. So, to boost your LCP score, you need to improve how and where your server handles content. You can do this in several different ways:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>\r\n<ul>\r\n \t<li><strong>Optimise Your Hosting Server:<\/strong> The best way to optimise your server is to analyse and test the efficiency of your server-side code to detect delays or lags. Improving this will automatically improve the time it takes for the browser to receive information from the server.<\/li>\r\n \t<li>Route Users To A Nearby CDN: A Content Delivery Network (CDN) is a network of servers distributed in different locations. A website hosted on a single server tends to be slower for users who are further away geographically. The information must travel around the world to reach their browser. You\u2019ll especially want to consider a CDN if you deal with an <a href=\"https:\/\/pureseo.com\/blog\/international-seo-geo-targeting\" target=\"_blank\" rel=\"noopener\">international audience<\/a>.<\/li>\r\n \t<li><strong>Cache Assets:<\/strong> For a website with static HTML, content usually remains the same on every request. Caching can prevent it from recreating assets every time unnecessarily. Server-side caching can minimise resource usage and reduce server response time by storing a copy of generated HTML on a disk.<\/li>\r\n \t<li><strong>Other Ways:<\/strong> Other ways include using signed exchanges, establishing third-party connections early on, and serving HTML pages cache-first.<\/li>\r\n<\/ul>\r\n<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\u200b\"level\":4}\u200b --> \r\n<h4>B) Implement Critical CSS<\/h4>\r\n <!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Another way to reduce the LCP score is to implement only the minimal and critical CSS on your website. You can do this by:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>\r\n<ul>\r\n \t<li><strong>Minifying CSS:<\/strong> CSS files contain characters such as indentation, comments, or spacing (usually for easier legibility); however, they are all unnecessary for the browser. Minifying these files ensures that unnecessary characters are removed, ultimately reducing the amount of blocking CSS and improving the time necessary to load the primary content.<\/li>\r\n \t<li><strong>Deferring Non-Critical CSS:<\/strong> Remove any unused or non-critical CSS entirely or move it to another stylesheet if it is used on a separate page of your website.<\/li>\r\n \t<li><strong>Inline Critical CSS:<\/strong> Inline any critical CSS for the above-the-fold section by including it directly in. Inlining important styles reduces the need to make a round-trip request to fetch critical CSS. You can defer the rest to minimise CSS blocking time. You can also automate this process by using a library instead of manually adding inline styles to your website.<\/li>\r\n<\/ul>\r\n<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\u200b\"level\":4}\u200b --> \r\n<h4>C) Optimise images<\/h4>\r\n <!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Typically, the largest element in view after the page is finished loading are images, particularly in the hero section, banners, or large carousels. Optimising images can potentially lower the time it takes to load and render these images and improve your overall LCP score. You can do this by:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>\r\n<ul>\r\n \t<li>Minimising the use of images in the first place. If it does not provide value and is not relevant to the content, remove it.<\/li>\r\n \t<li>Compressing images before uploading.<\/li>\r\n \t<li>Converting images into the latest format, such as WebP, JPEG 2000, or JPEG XR.<\/li>\r\n \t<li>Using responsive images.<\/li>\r\n \t<li>Consider using image CDN.<\/li>\r\n<\/ul>\r\n<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\u200b\"level\":4}\u200b --> \r\n<h4>D) Preload hero images<\/h4>\r\n <!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>The hero section is the first section on your page that a user will encounter. Preloading the hero section can improve the LCP score and provide a better user experience to the visitor. To preload the hero section image, use to fetch it sooner. You can also preload important resources, such as font, critical-path CSS or Javascript.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\u200b\"level\":3}\u200b --> \r\n<h3>2. Improving First Input Delay (FID) Score<\/h3>\r\n <!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Your FID score depends on the type of content you are providing on your website. The FID score might matter less for blog posts or articles. It is, however, a significant factor for an eCommerce store.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>As mentioned above, Google recommends an FID score of 100 milliseconds or less. Usually, the primary cause of bad FID is heavy JavaScript execution. Here are a few ways that you can improve your FID score:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\u200b\"level\":4}\u200b --> \r\n<h4>A) Break up Long Tasks<\/h4>\r\n <!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Long tasks, in simple terms, are the JavaScript execution periods where your UI becomes unresponsive for users. In technical terms, any piece of code that blocks the main thread for 50 milliseconds or more is a long task. They are signs of potential JavaScript bloats (executing and loading more than needed). Breaking up long tasks into smaller asynchronous ones can potentially reduce the Input Delay on your website.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>You don&#8217;t necessarily need to ship all the JavaScript to your users the moment they land on your page. Instead, consider splitting your bundle into multiple pieces and sending only the most important ones upfront. This can help you reduce FID and potentially increase the speed of your site.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Code-splitting is a valuable concept in breaking long tasks. It is the practice of splitting large JavaScript bundles into smaller digestible ones that load more quickly on your website.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\u200b\"level\":3}\u200b --> \r\n<h4>B) Minify, compress, and optimise code files<\/h4>\r\n <!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Browsers must first render a site\u2019s overall layout before users can interact with it. In technical terms, the browser must first download and parse the CSS and JavaScript files as fast as possible to render the website content on the user screen. For websites with heavy CSS and JavaScript, it is best practice to compress, minify, and remove unused code to make this process efficient and easy. You can do this by:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>\r\n<ul>\r\n \t<li><strong>Defer Unused JavaScript:<\/strong> To cut down on unused JavaScript, code-split your large bundles into smaller ones, and defer any non-critical JavaScript, such as third-party apps. Also, minimise un-used polyfills as much as possible and restrict their usage to only when they are needed.\/li&gt;<\/li>\r\n \t<li><strong>Async unnecessary JavaScript:<\/strong> With the async function, you\u2019ll use JavaScript when necessary, making your code much cleaner and easier to maintain.<\/li>\r\n<\/ul>\r\n<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\u200b\"level\":4}\u200b --> \r\n<h4>C) Delay or remove non-critical third-party scripts<\/h4>\r\n <!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Too many third-party scripts on your website may affect your FID score by preventing your script from executing on time. To improve this, consider which scripts provide the most value to your users and prioritise them accordingly.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Avoid inserting pop-ups or ads above other content as it may cause the user to get confused or even frustrated. These third-party scripts can often make your main thread unresponsive and negatively impact the interaction latency. If you must introduce third-party apps, consider on-demand loading\u2014don&#8217;t load ads below-the-fold on the entire page until the user has scrolled closer to the viewport.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\u200b\"level\":3}\u200b --> \r\n<h4>D) Use web workers<\/h4>\r\n <!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>One of the major causes of input delay is the blocked main thread. Web workers allows your website to run Javascript on a background thread. Moving the non-UI components to a separate worker thread can reduce main thread blocking time and, as a result, improve FID. A pre-defined library exists that makes it easier to use the web workers of your site. These include Comlink, Workerize, and Workway.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\u200b\"level\":3}\u200b --> \r\n<h3>3- Improving Cumulative Layout Shift (CLS) Score<\/h3>\r\n <!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>A high CLS score on a website can confuse and frustrate users, especially when the content keeps shifting during loading time. This is also considered inaccessible in terms of design, as it may appear visually jarring and frustrating to sensitive individuals. As mentioned above, Google recommends a CLS score of 0.1 or less. Common causes of bad CLS score include:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>\r\n<ul>\r\n \t<li>Images without specified dimensions<\/li>\r\n \t<li>Dynamically injected content<\/li>\r\n \t<li>Ads or third-party embeds without dimensions<\/li>\r\n \t<li>Actions requiring network response before updating DOM<\/li>\r\n \t<li>Web Fonts causing FOIT\/FOUT<\/li>\r\n<\/ul>\r\n<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Let\u2019s explore a few ways you can improve CLS score on your website:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\u200b\"level\":4}\u200b --> \r\n<h4>A) Avoid inserting ads and pop-ups above other content<\/h4>\r\n <!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>The first rule in improving the CLS score is to avoid placing new content above an existing one unless responding to user interaction. This ensures that any change in the layout is expected beforehand.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Unfortunately, users commonly experience UI layout shifts at the top or bottom of the viewport. These are not only restricted to ads but also happen with banners and forms, resulting in UI shifts of the entire page. Here are a few areas that can cause this issue:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>\r\n<ul>\r\n \t<li>Timed &#8220;Sign up for Newsletter&#8221; forms<\/li>\r\n \t<li>Related contents<\/li>\r\n \t<li>&#8220;Avail 50% off on entire stock&#8221; notice on eCommerce websites<\/li>\r\n \t<li>Advertisements for mobile\/desktop application<\/li>\r\n \t<li>\u201cGDPR\u201d notices, and more.<\/li>\r\n<\/ul>\r\n<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>To effectively display these types of UI affordances, reserve sufficient space in the viewport layout for them in advance using a skeleton UI or a placeholder. This will ensure that the content does not unexpectedly shift around when it loads.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\u200b\"level\":4}\u200b --> \r\n<h4>B) Add width and height attributes to images and videos<\/h4>\r\n <!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Modern browsers set the default aspect ratio of images or videos based on their width and height attributes. So, it is valuable to include and attributes on your videos and images to prevent layout shifts. In addition, reserve the required space using CSS aspect ratio boxes to ensure that the browser allocates the correct amount of space in the layout while the image loads.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\u200b\"level\":4}\u200b --> \r\n<h4>C) Reserve space for ads, iFrames and dynamic content<\/h4>\r\n <!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Make sure to statically style slot DOM elements according to the sizes passed to your tag library. This will ensure that the library does not introduce any unexpected layout shift as the content loads. Without this, the library may change the size of the slot element accordingly after page layout.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>This rule is not merely for large viewport content; it is also important to consider the sizes of smaller ad serves. Serving smaller ads allow publishers to style large containers to avoid layout shifts. Unfortunately, this approach comes with its potential downside as well. It increases the number of blank spaces in the page layout, so keep this in mind.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\u200b\"level\":4}\u200b --> \r\n<h4>D) Optimise font delivery<\/h4>\r\n <!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Have you ever come across a website that loaded in a different font (such as Time New Roman) and abruptly changed into a different font style? This phenomenon is called FOUT (Flash Of Unstyled Text). An \u201cinvisible\u201d text is also often displayed until a new font is rendered (FOIT \u2013 Flash Of Invisible Text). This usually happens when the font delivery is delayed and the browser is in the process of downloading and rendering the font style.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>You can optimise your font delivery by:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>\r\n<ul>\r\n \t<li><strong>Preload Optional Fonts:<\/strong> Combine with \u201cfont-display: optional\u201d to pre-load optional fonts to avoid layout jank when rendering custom fonts.<\/li>\r\n \t<li><strong>Font Loading APIs:<\/strong> Consider the use of Font Loading APIs to reduce the time it takes the browser to load necessary fonts.<\/li>\r\n<\/ul>\r\n<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:html -->\r\n<br>\r\n<!-- \/wp:html -->\r\n<!-- wp:heading -->\r\n<h2>Trust Your Core Web Vitals to the Experts<\/h2>\r\n<!-- \/wp:heading -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Website Core Vitals define the page experience of your users when they land on your website. These include three metrics: Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS). Google determines where a website should appear in the organic search results based on multiple factors, including Web Core Vitals. Improving these metrics will not only increase your chances of appearing higher in search results but also improve your business reputation, conversion rates, and user experience.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>According to Google\u2019s update, these metrics are here to stay, so keep your website visible with the latest SEO practices. We hope our guide on fixing your core web vitals helps you improve your overall page experience. If you need any further help, let us know in the comments section. Also, you can always enquire about our services if you want to fix and improve your core web vitals but lack the right skill set.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!--wp:paragraph-->\r\n<p>Here at Pure SEO, we stand proud as the best digital marketing agency in New Zeeland, offering top-notch SEO, SEM, CRO, social media marketing, content creation, and online advertising services for over 10 years. Our team of SEO experts know exactly what you need to ensure your website is fully optimised for Google Core Web Vitals and overall page experience. <a href=\"https:\/\/pureseo.com\/contact\" target=\"_blank\" rel=\"noopener\">Contact us<\/a> today and drop an email to schedule a meeting with our technical SEO experts to see how we can help you fix your core web vitals!<\/p>\r\n<!-- \/wp:paragraph -->","protected":false},"excerpt":{"rendered":"<p>Google constantly updates its ranking algorithms to provide the best page experience for users and maintain its status as a&#8230;<\/p>\n","protected":false},"author":1,"featured_media":215891,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"ep_exclude_from_search":false,"footnotes":""},"categories":[2,551,117,3],"tags":[],"ai":[],"class_list":["post-215866","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-content-marketing","category-google-blog","category-seo","entry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>The Pure SEO Guide to Core Web Vitals - Pure SEO<\/title>\n<meta name=\"description\" content=\"Learn everything you need to know about Google Core Web Vitals, including what they are, why they are important, &amp; how you can fix or improve them.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Pure SEO Guide to Core Web Vitals\" \/>\n<meta property=\"og:description\" content=\"Google constantly updates its ranking algorithms to provide the best page experience for users and maintain its status as a top-tier search engine. In\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pureseo.com\/gb\/blog\/the-pure-seo-guide-to-core-web-vitals\" \/>\n<meta property=\"og:site_name\" content=\"Pure SEO\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pureseo\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/pureseo\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-28T01:37:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-23T10:35:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pureseo.com\/wp-content\/uploads\/2022\/03\/core-web-vitals.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"The Pure SEO Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Pure_SEO\" \/>\n<meta name=\"twitter:site\" content=\"@Pure_SEO\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"The Pure SEO Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/pureseo.com\\\/gb\\\/blog\\\/the-pure-seo-guide-to-core-web-vitals#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pureseo.com\\\/gb\\\/blog\\\/the-pure-seo-guide-to-core-web-vitals\"},\"author\":{\"name\":\"The Pure SEO Team\",\"@id\":\"https:\\\/\\\/pureseo.com\\\/gb#\\\/schema\\\/person\\\/93c7ec0a70a719b400b3745342cb68d8\"},\"headline\":\"The Pure SEO Guide to Core Web Vitals\",\"datePublished\":\"2022-03-28T01:37:02+00:00\",\"dateModified\":\"2022-07-23T10:35:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/pureseo.com\\\/gb\\\/blog\\\/the-pure-seo-guide-to-core-web-vitals\"},\"wordCount\":3432,\"publisher\":{\"@id\":\"https:\\\/\\\/pureseo.com\\\/gb#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/pureseo.com\\\/gb\\\/blog\\\/the-pure-seo-guide-to-core-web-vitals#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/pureseo.com\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/core-web-vitals.jpg\",\"articleSection\":[\"Blog\",\"Content\",\"Google\",\"SEO\"],\"inLanguage\":\"en-GB\",\"copyrightYear\":\"2022\",\"copyrightHolder\":{\"@id\":\"https:\\\/\\\/pureseo.com\\\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/pureseo.com\\\/gb\\\/blog\\\/the-pure-seo-guide-to-core-web-vitals\",\"url\":\"https:\\\/\\\/pureseo.com\\\/gb\\\/blog\\\/the-pure-seo-guide-to-core-web-vitals\",\"name\":\"The Pure SEO Guide to Core Web Vitals - Pure SEO\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pureseo.com\\\/gb#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/pureseo.com\\\/gb\\\/blog\\\/the-pure-seo-guide-to-core-web-vitals#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/pureseo.com\\\/gb\\\/blog\\\/the-pure-seo-guide-to-core-web-vitals#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/pureseo.com\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/core-web-vitals.jpg\",\"datePublished\":\"2022-03-28T01:37:02+00:00\",\"dateModified\":\"2022-07-23T10:35:27+00:00\",\"description\":\"Learn everything you need to know about Google Core Web Vitals, including what they are, why they are important, & how you can fix or improve them.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pureseo.com\\\/gb\\\/blog\\\/the-pure-seo-guide-to-core-web-vitals#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/pureseo.com\\\/gb\\\/blog\\\/the-pure-seo-guide-to-core-web-vitals\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/pureseo.com\\\/gb\\\/blog\\\/the-pure-seo-guide-to-core-web-vitals#primaryimage\",\"url\":\"https:\\\/\\\/pureseo.com\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/core-web-vitals.jpg\",\"contentUrl\":\"https:\\\/\\\/pureseo.com\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/core-web-vitals.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"Core-Web-Vitals\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/pureseo.com\\\/gb\\\/blog\\\/the-pure-seo-guide-to-core-web-vitals#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Digital Marketing Agency\",\"item\":\"https:\\\/\\\/pureseo.com\\\/gb\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/pureseo.com\\\/gb\\\/blog\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"The Pure SEO Guide to Core Web Vitals\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/pureseo.com\\\/gb#website\",\"url\":\"https:\\\/\\\/pureseo.com\\\/gb\",\"name\":\"Pure SEO\",\"description\":\"Digital Marketing Agency\",\"publisher\":{\"@id\":\"https:\\\/\\\/pureseo.com\\\/gb#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/pureseo.com\\\/gb?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":[\"Organization\",\"Place\"],\"@id\":\"https:\\\/\\\/pureseo.com\\\/gb#organization\",\"name\":\"Pure SEO\",\"url\":\"https:\\\/\\\/pureseo.com\\\/gb\",\"logo\":{\"@id\":\"https:\\\/\\\/pureseo.com\\\/gb\\\/blog\\\/the-pure-seo-guide-to-core-web-vitals#local-main-organization-logo\"},\"image\":{\"@id\":\"https:\\\/\\\/pureseo.com\\\/gb\\\/blog\\\/the-pure-seo-guide-to-core-web-vitals#local-main-organization-logo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/pureseo\",\"https:\\\/\\\/x.com\\\/Pure_SEO\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/pureseo\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCinrMPUg7xZncotAkegPvEA\"],\"address\":{\"@id\":\"https:\\\/\\\/pureseo.com\\\/gb\\\/blog\\\/the-pure-seo-guide-to-core-web-vitals#local-main-place-address\"},\"telephone\":[],\"openingHoursSpecification\":[{\"@type\":\"OpeningHoursSpecification\",\"dayOfWeek\":[\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\",\"Saturday\",\"Sunday\"],\"opens\":\"09:00\",\"closes\":\"17:00\"}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/pureseo.com\\\/gb#\\\/schema\\\/person\\\/93c7ec0a70a719b400b3745342cb68d8\",\"name\":\"The Pure SEO Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/dd4c12139933aba4142b880674211960be2ea93ffb8caa9f8bdf672d15c7f7d8?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/dd4c12139933aba4142b880674211960be2ea93ffb8caa9f8bdf672d15c7f7d8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/dd4c12139933aba4142b880674211960be2ea93ffb8caa9f8bdf672d15c7f7d8?s=96&d=mm&r=g\",\"caption\":\"The Pure SEO Team\"},\"description\":\"The editorial team at Pure SEO is super proud of our content. Follow our official channels on social media.\",\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/pureseo\",\"https:\\\/\\\/www.instagram.com\\\/pureseo_official\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/pureseo\\\/\",\"https:\\\/\\\/x.com\\\/Pure_SEO\"],\"url\":\"https:\\\/\\\/pureseo.com\\\/gb\\\/author\\\/webmaster\"},{\"@type\":\"PostalAddress\",\"@id\":\"https:\\\/\\\/pureseo.com\\\/gb\\\/blog\\\/the-pure-seo-guide-to-core-web-vitals#local-main-place-address\",\"streetAddress\":\"35 Kawana Street, Northcote\",\"addressLocality\":\"Auckland\",\"postalCode\":\"0627\",\"addressRegion\":\"Auckland\",\"addressCountry\":\"NZ\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/pureseo.com\\\/gb\\\/blog\\\/the-pure-seo-guide-to-core-web-vitals#local-main-organization-logo\",\"url\":\"https:\\\/\\\/pureseo.com\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/Digital-Marketing-Company-NZ-Pure-SEO.png\",\"contentUrl\":\"https:\\\/\\\/pureseo.com\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/Digital-Marketing-Company-NZ-Pure-SEO.png\",\"width\":4159,\"height\":2055,\"caption\":\"Pure SEO\"}]}<\/script>\n<meta name=\"geo.placename\" content=\"Auckland\" \/>\n<meta name=\"geo.region\" content=\"New Zealand\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"The Pure SEO Guide to Core Web Vitals - Pure SEO","description":"Learn everything you need to know about Google Core Web Vitals, including what they are, why they are important, & how you can fix or improve them.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_GB","og_type":"article","og_title":"The Pure SEO Guide to Core Web Vitals","og_description":"Google constantly updates its ranking algorithms to provide the best page experience for users and maintain its status as a top-tier search engine. In","og_url":"https:\/\/pureseo.com\/gb\/blog\/the-pure-seo-guide-to-core-web-vitals","og_site_name":"Pure SEO","article_publisher":"https:\/\/www.facebook.com\/pureseo","article_author":"https:\/\/www.facebook.com\/pureseo","article_published_time":"2022-03-28T01:37:02+00:00","article_modified_time":"2022-07-23T10:35:27+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/pureseo.com\/wp-content\/uploads\/2022\/03\/core-web-vitals.jpg","type":"image\/jpeg"}],"author":"The Pure SEO Team","twitter_card":"summary_large_image","twitter_creator":"@Pure_SEO","twitter_site":"@Pure_SEO","twitter_misc":{"Written by":"The Pure SEO Team","Estimated reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/pureseo.com\/gb\/blog\/the-pure-seo-guide-to-core-web-vitals#article","isPartOf":{"@id":"https:\/\/pureseo.com\/gb\/blog\/the-pure-seo-guide-to-core-web-vitals"},"author":{"name":"The Pure SEO Team","@id":"https:\/\/pureseo.com\/gb#\/schema\/person\/93c7ec0a70a719b400b3745342cb68d8"},"headline":"The Pure SEO Guide to Core Web Vitals","datePublished":"2022-03-28T01:37:02+00:00","dateModified":"2022-07-23T10:35:27+00:00","mainEntityOfPage":{"@id":"https:\/\/pureseo.com\/gb\/blog\/the-pure-seo-guide-to-core-web-vitals"},"wordCount":3432,"publisher":{"@id":"https:\/\/pureseo.com\/gb#organization"},"image":{"@id":"https:\/\/pureseo.com\/gb\/blog\/the-pure-seo-guide-to-core-web-vitals#primaryimage"},"thumbnailUrl":"https:\/\/pureseo.com\/wp-content\/uploads\/2022\/03\/core-web-vitals.jpg","articleSection":["Blog","Content","Google","SEO"],"inLanguage":"en-GB","copyrightYear":"2022","copyrightHolder":{"@id":"https:\/\/pureseo.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/pureseo.com\/gb\/blog\/the-pure-seo-guide-to-core-web-vitals","url":"https:\/\/pureseo.com\/gb\/blog\/the-pure-seo-guide-to-core-web-vitals","name":"The Pure SEO Guide to Core Web Vitals - Pure SEO","isPartOf":{"@id":"https:\/\/pureseo.com\/gb#website"},"primaryImageOfPage":{"@id":"https:\/\/pureseo.com\/gb\/blog\/the-pure-seo-guide-to-core-web-vitals#primaryimage"},"image":{"@id":"https:\/\/pureseo.com\/gb\/blog\/the-pure-seo-guide-to-core-web-vitals#primaryimage"},"thumbnailUrl":"https:\/\/pureseo.com\/wp-content\/uploads\/2022\/03\/core-web-vitals.jpg","datePublished":"2022-03-28T01:37:02+00:00","dateModified":"2022-07-23T10:35:27+00:00","description":"Learn everything you need to know about Google Core Web Vitals, including what they are, why they are important, & how you can fix or improve them.","breadcrumb":{"@id":"https:\/\/pureseo.com\/gb\/blog\/the-pure-seo-guide-to-core-web-vitals#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pureseo.com\/gb\/blog\/the-pure-seo-guide-to-core-web-vitals"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/pureseo.com\/gb\/blog\/the-pure-seo-guide-to-core-web-vitals#primaryimage","url":"https:\/\/pureseo.com\/wp-content\/uploads\/2022\/03\/core-web-vitals.jpg","contentUrl":"https:\/\/pureseo.com\/wp-content\/uploads\/2022\/03\/core-web-vitals.jpg","width":1920,"height":1080,"caption":"Core-Web-Vitals"},{"@type":"BreadcrumbList","@id":"https:\/\/pureseo.com\/gb\/blog\/the-pure-seo-guide-to-core-web-vitals#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Digital Marketing Agency","item":"https:\/\/pureseo.com\/gb"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/pureseo.com\/gb\/blog"},{"@type":"ListItem","position":3,"name":"The Pure SEO Guide to Core Web Vitals"}]},{"@type":"WebSite","@id":"https:\/\/pureseo.com\/gb#website","url":"https:\/\/pureseo.com\/gb","name":"Pure SEO","description":"Digital Marketing Agency","publisher":{"@id":"https:\/\/pureseo.com\/gb#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pureseo.com\/gb?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":["Organization","Place"],"@id":"https:\/\/pureseo.com\/gb#organization","name":"Pure SEO","url":"https:\/\/pureseo.com\/gb","logo":{"@id":"https:\/\/pureseo.com\/gb\/blog\/the-pure-seo-guide-to-core-web-vitals#local-main-organization-logo"},"image":{"@id":"https:\/\/pureseo.com\/gb\/blog\/the-pure-seo-guide-to-core-web-vitals#local-main-organization-logo"},"sameAs":["https:\/\/www.facebook.com\/pureseo","https:\/\/x.com\/Pure_SEO","https:\/\/www.linkedin.com\/company\/pureseo\/","https:\/\/www.youtube.com\/channel\/UCinrMPUg7xZncotAkegPvEA"],"address":{"@id":"https:\/\/pureseo.com\/gb\/blog\/the-pure-seo-guide-to-core-web-vitals#local-main-place-address"},"telephone":[],"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],"opens":"09:00","closes":"17:00"}]},{"@type":"Person","@id":"https:\/\/pureseo.com\/gb#\/schema\/person\/93c7ec0a70a719b400b3745342cb68d8","name":"The Pure SEO Team","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/dd4c12139933aba4142b880674211960be2ea93ffb8caa9f8bdf672d15c7f7d8?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/dd4c12139933aba4142b880674211960be2ea93ffb8caa9f8bdf672d15c7f7d8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dd4c12139933aba4142b880674211960be2ea93ffb8caa9f8bdf672d15c7f7d8?s=96&d=mm&r=g","caption":"The Pure SEO Team"},"description":"The editorial team at Pure SEO is super proud of our content. Follow our official channels on social media.","sameAs":["https:\/\/www.facebook.com\/pureseo","https:\/\/www.instagram.com\/pureseo_official\/","https:\/\/www.linkedin.com\/company\/pureseo\/","https:\/\/x.com\/Pure_SEO"],"url":"https:\/\/pureseo.com\/gb\/author\/webmaster"},{"@type":"PostalAddress","@id":"https:\/\/pureseo.com\/gb\/blog\/the-pure-seo-guide-to-core-web-vitals#local-main-place-address","streetAddress":"35 Kawana Street, Northcote","addressLocality":"Auckland","postalCode":"0627","addressRegion":"Auckland","addressCountry":"NZ"},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/pureseo.com\/gb\/blog\/the-pure-seo-guide-to-core-web-vitals#local-main-organization-logo","url":"https:\/\/pureseo.com\/wp-content\/uploads\/2019\/08\/Digital-Marketing-Company-NZ-Pure-SEO.png","contentUrl":"https:\/\/pureseo.com\/wp-content\/uploads\/2019\/08\/Digital-Marketing-Company-NZ-Pure-SEO.png","width":4159,"height":2055,"caption":"Pure SEO"}]},"geo.placename":"Auckland","geo.region":"New Zealand"},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/pureseo.com\/gb\/wp-json\/wp\/v2\/posts\/215866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pureseo.com\/gb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pureseo.com\/gb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pureseo.com\/gb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pureseo.com\/gb\/wp-json\/wp\/v2\/comments?post=215866"}],"version-history":[{"count":0,"href":"https:\/\/pureseo.com\/gb\/wp-json\/wp\/v2\/posts\/215866\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pureseo.com\/gb\/wp-json\/wp\/v2\/media\/215891"}],"wp:attachment":[{"href":"https:\/\/pureseo.com\/gb\/wp-json\/wp\/v2\/media?parent=215866"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pureseo.com\/gb\/wp-json\/wp\/v2\/categories?post=215866"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pureseo.com\/gb\/wp-json\/wp\/v2\/tags?post=215866"},{"taxonomy":"ai","embeddable":true,"href":"https:\/\/pureseo.com\/gb\/wp-json\/wp\/v2\/ai?post=215866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}