{"id":6839,"date":"2021-08-03T13:56:08","date_gmt":"2021-08-03T10:56:08","guid":{"rendered":"https:\/\/magecloud.agency\/?p=6839"},"modified":"2024-04-04T14:37:37","modified_gmt":"2024-04-04T11:37:37","slug":"google-core-web-vitals-update","status":"publish","type":"post","link":"https:\/\/magecloud.agency\/google-core-web-vitals-update\/","title":{"rendered":"Core Web Vitals Update: Is your eCommerce store compliant?"},"content":{"rendered":"<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"font-weight: 400;\">You can use Google\u2019s Core Web Vitals to improve your website\u2019s ranking in search engines. They can also help keep it clean and well-organized, which enhances user experience (UX).<\/span><\/p>\n<div style=\"margin-top: 40pt; margin-bottom: 40pt;\">\n<ul style=\"color: #333333; margin-left: 120px; margin-right: 100px; border-left: 10px solid #6796F8;\">\n<li style=\"list-style: none; margin-left: 24px; margin-top: 12px;\"><span style=\"color: #333333; font-size: 14pt;\"><strong>NOTE<\/strong><\/span><\/li>\n<li style=\"list-style: square; margin-bottom: 4px; margin-top: 10px; margin-left: 44px;\"><span style=\"color: ##333333;\"><span style=\"color: ##333333;\"><span style=\"color: ##333333;\"><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">At the end of August 2021,<\/span><\/span>\u00a0<mark style=\"display: inline; padding-bottom: 0.1em; background-color: #6796f8; color: white;\">Core Web Vitals became Google full-fledged Google ranking factor.<\/mark> <span style=\"color: #333333;\"><span style=\"font-weight: 400;\">Alongside existing factors like qualitative and relevant content, mobile-friendliness, or HTTPS.<\/span><\/span>\u00a0<\/span><\/span><\/span><span style=\"color: #808080;\">[Source: <\/span><a href=\"https:\/\/developers.google.com\/search\/blog\/2021\/04\/more-details-page-experience\" target=\"_blank\" rel=\"noopener noreferrer\">Google<\/a><span style=\"color: #808080;\">]\u00a0<\/span><\/li>\n<\/ul>\n<\/div>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"font-weight: 400;\">Have you integrated the Core Web Vitals in your regular assessments of site performance? If not, now is the time for you to dig deeper. So read on, and examine what the Core Web Vitals mean for you and your eCommerce business.<\/span><\/p>\n<div style=\"margin-top: 40pt; margin-bottom: 40pt;\">\n<ul style=\"color: #333333; margin-left: 120px; margin-right: 100px; border-left: 10px solid #6796F8;\">\n<li style=\"list-style: none; margin-left: 24px; margin-top: 12px;\"><span style=\"color: #333333; font-size: 14pt;\"><strong>Statistics<\/strong><\/span><\/li>\n<li style=\"list-style: square; margin-bottom: 4px; margin-top: 10px; margin-left: 44px;\"><span style=\"color: #333333;\">According to Google, visitors are <mark style=\"display: inline; padding-bottom: 0.1em; background-color: #6796f8; color: white;\">24% less likely to abandon the site,<\/mark> if it adheres to these new standards. <\/span><\/li>\n<\/ul>\n<\/div>\n<div style=\"margin-top: 40pt; margin-bottom: 20pt;\">\n<p style=\"color: #333333;\"><span style=\"color: #333333; font-size: 16pt;\"><strong>Table of content<\/strong><\/span><\/p>\n<p style=\"font-size: 13pt; color: #333333; margin-bottom: 2pt; margin-top: 10pt;\"><a href=\"#What-are-Core-Web-Vitals\">What are Core Web Vitals?<\/a><\/p>\n<p style=\"font-size: 13pt; color: #333333; margin-bottom: 2pt;\"><a href=\"#The-Importance-of-Core-Web-Vitals-for-SEO\">The Importance of Core Web Vitals for SEO<\/a><\/p>\n<p style=\"font-size: 13pt; color: #333333; margin-bottom: 2pt;\"><a href=\"#Components-of-Core-Web-Vitals\">Components of Core Web Vitals<\/a><\/p>\n<ul style=\"margin-left: 26pt;\">\n<li style=\"color: #333333; font-size: 12pt; list-style: circle;\"><a href=\"#Largest-Contentful-Paint\">Largest Contentful Paint (LCP)<\/a><\/li>\n<li style=\"color: #333333; font-size: 12pt; list-style: circle;\"><a href=\"#First-Input-Delay\">First Input Delay (FID)<\/a><\/li>\n<li style=\"color: #333333; font-size: 12pt; list-style: circle;\"><a href=\"#Cumulative-Layout-Shift\">Cumulative Layout Shift (CLS)<\/a><\/li>\n<li style=\"color: #333333; font-size: 12pt; list-style: circle;\"><a href=\"#Other-Performance-Metrics\">Other Performance Metrics<\/a><\/li>\n<\/ul>\n<p style=\"font-size: 13pt; color: #333333; margin-bottom: 2pt; margin-top: 4pt;\"><a href=\"#How-to-check-Core-Web-Vitals-on-Google\">How to check Core Web Vitals on Google?<\/a><\/p>\n<p style=\"font-size: 13pt; color: #333333; margin-bottom: 2pt; margin-top: 4pt;\"><a href=\"#Recap\">Recap<\/a><\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<h2 style=\"color: #333333; margin-top: 60pt;\"><span style=\"color: #333333;\"><strong><a id=\"What-are-Core-Web-Vitals\"><\/a>What are Core Web Vitals?<\/strong><\/span><\/h2>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">A handful of times each year, Google makes updates to its core algorithm. Google designs each update to optimise search experience, one step at a time. Such changes can dramatically impact the search engine results page (SERP). Especially the distribution of the all-important<\/span> <\/span><a href=\"https:\/\/magecloud.agency\/serp-seo-how-to-rank-your-site-in-the-top-10-of-google\/\" target=\"_blank\" rel=\"noopener noreferrer\">top 10 of Google<\/a>.<\/p>\n<p style=\"color: #333333; margin-bottom: 10pt;\">Google <a href=\"https:\/\/developers.google.com\/search\/blog\/2020\/05\/evaluating-page-experience\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">announced Core Web Vitals on May 28, 2020<\/span><\/a><span style=\"font-weight: 400;\">. According to Google, they represent essential characteristics of website user experience. The perfect user experience is hard to define. Core Web Vitals are Google\u2019s new effort. A set of standardised metrics that they use to measure user experience. You can use them to improve your user experience, and your Google results at the same time!<\/span><\/p>\n<div style=\"margin: 40pt 60pt 40pt 60pt;\">\n<blockquote style=\"background: #3B71E3; color: white; border-left: 15px solid #6796F8; margin: 40px 100px 30px 0px; padding: 40px 40px 40px 40px;\"><p><strong>Core Web Vitals<\/strong><br \/>\nis a set of standardised metrics from Google used to measure and improve user experience.<\/p><\/blockquote>\n<\/div>\n<h4 style=\"color: #333333; margin-bottom: 10pt;\"><strong>Page experience signals<\/strong><\/h4>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"font-weight: 400;\">The concept of judging websites by what a user feels when interacting with them isn\u2019t new. Before the update, Google was already using some page experience signals:<\/span><\/p>\n<div style=\"margin-top: 30pt; margin-bottom: 30pt; margin-left: 30px;\">\n<ul style=\"color: #333333; margin-left: 30px;\">\n<li style=\"list-style-type: square; margin-bottom: 8px; margin-top: 20px;\"><span style=\"color: #333333;\"><strong>Responsiveness <\/strong>and <strong>mobile-friendliness<\/strong>. <\/span><span style=\"font-weight: 400; color: #333333;\">How does your online store load on mobile? The mobile experience is also a factor in the ranking.<\/span><\/li>\n<li style=\"list-style-type: square; margin-bottom: 8px;\"><span style=\"color: #333333;\"><strong>HTTPS<\/strong>. <\/span><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">Having correct and updated <\/span><a href=\"https:\/\/www.magecloud.net\/blog\/checklist-for-ecommerce-website-1-https-over-ssl\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">SSL certificates<\/span><\/a><span style=\"font-weight: 400;\"> are crucial to selling on the Internet.<\/span><\/span><\/li>\n<li style=\"list-style-type: square; margin-bottom: 8px;\"><span style=\"color: #333333;\"><strong>Safe browsing<\/strong>.<span style=\"font-weight: 400;\">\u00a0All eCommerce stores must be secure. Any malicious activity, link, or product penalises your store\u2019s search engine results.<\/span><\/span><\/li>\n<li style=\"list-style-type: square; margin-bottom: 8px;\"><span style=\"color: #333333;\"><strong>Intrusive Interstitials<\/strong>.<strong>\u00a0<span style=\"font-weight: 400;\">Screen-blocking popups or interstitial adverts that block the website\u2019s main content and degrade UX.<\/span><\/strong><\/span><\/li>\n<\/ul>\n<\/div>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"font-weight: 400;\">The existing signals couldn\u2019t capture the aspects of UX that relate to web performance. However, Google has combined three new metrics with the current UX signals to a unified Page Experience.<\/span><\/p>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"font-weight: 400;\">These metrics are the Core Web Vitals, and they measure your website\u2019s user experience. The three main factors Google is looking for are <\/span><span style=\"font-weight: 400;\">1) Page loading performance. <\/span><span style=\"font-weight: 400;\">2) Ease of interaction. <\/span><span style=\"font-weight: 400;\">3) Visual stability (from the user\u2019s perspective).<\/span><\/p>\n<div style=\"margin-top: 40pt; margin-bottom: 40pt;\">\n<div class=\"blog-article__container-img\" style=\"color: #333333;\"><img fetchpriority=\"high\" decoding=\"async\" width=\"960\" height=\"540\" class=\"size-full wp-image-7089 aligncenter\" src=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/Page-Experience-signal-metrics-CWV.jpeg\" alt=\"Page-Experience-signal-metrics-CWV\" srcset=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/Page-Experience-signal-metrics-CWV.jpeg 960w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/Page-Experience-signal-metrics-CWV-300x169.jpeg 300w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/Page-Experience-signal-metrics-CWV-768x432.jpeg 768w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/Page-Experience-signal-metrics-CWV-22x12.jpeg 22w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/Page-Experience-signal-metrics-CWV-36x20.jpeg 36w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/Page-Experience-signal-metrics-CWV-48x27.jpeg 48w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/div>\n<p style=\"color: #333333; text-align: center;\"><em><span style=\"color: #808080;\">Image source: <\/span><a href=\"https:\/\/developers.google.com\/search\/blog\/2020\/05\/evaluating-page-experience\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Google<\/a><\/em><\/p>\n<\/div>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"font-weight: 400; color: #333333;\">Each quantifies part of how users interact and engage with a website. The Core Web Vitals offer you exciting opportunities for a rankings boost. But only if you get them right.<\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">It\u2019s important to remember that these metrics don\u2019t tell the whole story about the user experience. Still, each metric helps site owners find the issues that are holding back their site today. It also allows developers and SEO experts to troubleshoot.<\/span><\/p>\n<h2 style=\"color: #333333; margin-top: 60pt;\"><strong><span style=\"color: #333333;\"><a id=\"The-Importance-of-Core-Web-Vitals-for-SEO\"><\/a>The Importance of Core Web Vitals for SEO<\/span><\/strong><\/h2>\n<p style=\"color: #ff0000; margin-bottom: 10pt;\"><span style=\"color: #333333;\">User expectations rise to higher and higher standards, and most sites are not keeping up.\u00a0 Some do things right and continually invest in site performance, and some do not. The gulf between eCommerce owners is ever-widening. These updates are a clear hint to the whole digital community and online business owners in particular. It\u2019s high time to put the user in the high seat.<\/span><\/p>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"color: #ff0000;\"><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">A real-world example: Look at the PageSpeed Insights report on the Magento website <\/span><a href=\"https:\/\/us.christianlouboutin.com\/ot_en\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Christian Louboutin<\/span><\/a><span style=\"font-weight: 400;\">. Christian Louboutin is a fashion designer selling high-end and ultra-high-end footwear. A single pair of shoes can cost up to $6,000. With prices this high, it\u2019s not worth it to leave a single conversion on the table. You\u2019d expect the site to be perfectly streamlined.\u00a0<\/span><\/span><\/span><\/p>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"color: #ff0000;\"><br \/>\n<span style=\"color: #333333;\"><span style=\"font-weight: 400;\">But as you can see below, the store performs poorly on all but one metric. On aggregate, <\/span><em>the page experience does not pass the Core Web Vitals assessment<span style=\"font-weight: 400;\">.<\/span><\/em><\/span><br \/>\n<\/span><\/p>\n<div style=\"margin-top: 40pt; margin-bottom: 40pt;\">\n<div class=\"blog-article__container-img\" style=\"color: #333333;\"><img decoding=\"async\" class=\"size-full wp-image-7089 aligncenter\" src=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/07\/ChristianLouboutin.png\" alt=\"ChristianLouboutin-CWV\" \/><\/div>\n<p dir=\"ltr\" style=\"color: #333333; text-align: center;\"><span style=\"color: #808080;\"><em>Image source:<\/em> <\/span><em><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Google<\/a><\/em><\/p>\n<\/div>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"font-weight: 400;\">Ironic for a high-ticket shop that could fix some of these issues for the cost of a few products. The poor experience Christian Louboutin is serving users turns them away. The shop is leaving multi-thousand-dollar conversions on the table every single day. Don\u2019t let this be you.<\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">A score of \u201cGood\u201d in three categories is required to pass Google\u2019s Core Web Vitals tests: Loading speed, responsiveness, and visual stability.<\/span><\/p>\n<p style=\"color: #333333; margin-bottom: 10pt;\">If a page does not pass, it will not rank as well as the more user-friendly pages.<\/p>\n<div style=\"margin-top: 40pt; margin-bottom: 40pt;\">\n<ul style=\"color: #333333; margin-left: 120px; margin-right: 100px; border-left: 10px solid #6796F8;\">\n<li style=\"list-style: none; margin-left: 24px; margin-top: 12px;\"><span style=\"color: #333333; font-size: 14pt;\"><strong>Statistics<\/strong><\/span><\/li>\n<li style=\"list-style: square; margin-bottom: 4px; margin-top: 10px; margin-left: 44px;\"><span style=\"font-weight: 400;\">Only 4% of all websites passed the Core Web Vitals tests. <\/span><span style=\"color: #808080;\">[Source: <\/span><a href=\"https:\/\/www.searchmetrics.com\/knowledge-hub\/studies\/core-web-vitals-study-april-2021\/\" target=\"_blank\" rel=\"noopener noreferrer\">Searchmetrics<\/a><span style=\"color: #808080;\">] <\/span><span style=\"font-weight: 400;\">That means that<\/span><b> <\/b><mark style=\"color: white; display: inline; padding-bottom: 0.1em; background-color: #6796f8;\">96% of sites were not ready for the update.<\/mark><\/li>\n<\/ul>\n<\/div>\n<p>&nbsp;<\/p>\n<p style=\"color: #333333; margin-bottom: 10pt;\">So, the big question is:<\/p>\n<h4 style=\"color: #333333; margin-bottom: 10pt; margin-top: 20pt;\"><span style=\"color: #333333;\"><strong>How does the new Core Web Vitals update affect your rankings?<\/strong><\/span><\/h4>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"font-weight: 400;\">Original and relevant content will always be stellar for SEO. Yet Google will also evaluate website performance on other metrics. The news here are measurements of how well users interact with your website.<\/span><\/p>\n<p style=\"color: #333333; margin-bottom: 10pt;\">The weight of this change is initially small. However, it will likely increase over time. The change will occur gradually as more websites adopt Google\u2019s best practices and Core Web Vitals.<\/p>\n<p style=\"color: #333333; margin-bottom: 10pt;\">Are search performance, brand awareness, and visibility important for your eCommerce store? Then, you should optimise your shop for the Core Web Vitals update. That way, you will stay ahead of the competition.<\/p>\n<p style=\"color: #333333; margin-bottom: 10pt;\">These updates should not ruin your site\u2019s organic visibility if you are otherwise following SEO best practices. Google highlights that page experience is one among 200+ factors that they use to rank websites.<\/p>\n<p style=\"color: #333333; margin-bottom: 10pt;\">Well-written and relevant content is still crucial. But your website should provide an optimised user experience in addition to good web design and quality content.<\/p>\n<h2 style=\"color: #333333; margin-top: 60pt;\"><strong><span style=\"color: #333333;\"><a id=\"Components-of-Core-Web-Vitals\"><\/a>Components of Core Web Vitals<\/span><\/strong><\/h2>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"font-weight: 400;\">Let\u2019s look at the three primary metrics included in Core Web Vitals and how they may be relevant to your site today. Core Web Vitals focus on loading, interactivity, and visual stability. As expressed in quantitative metrics, here are the three current components.<\/span><\/p>\n<div style=\"color: #333333; margin-left: 30px;\">\n<ul style=\"color: #333333; margin-left: 30px;\">\n<li style=\"list-style-type: square; margin-bottom: 8px;\"><span style=\"color: #333333;\"><strong>LCP<\/strong> \u2013 Largest Contentful Paint<\/span><\/li>\n<li style=\"list-style-type: square; margin-bottom: 8px;\"><span style=\"color: #333333;\"><strong>FID<\/strong> \u2013 First Input Delay<\/span><\/li>\n<li style=\"list-style-type: square; margin-bottom: 8px;\"><span style=\"color: #333333;\"><strong>CLS<\/strong> \u2013 Cumulative Layout Shift<\/span><\/li>\n<\/ul>\n<\/div>\n<p>&nbsp;<\/p>\n<p style=\"color: #333333; margin-bottom: 10pt;\">Ask your developer if he is aware of these metrics. If not, there is further reading for technically savvy readers on <a href=\"https:\/\/web.dev\/vitals\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">web.dev<\/span><\/a>.<\/p>\n<p style=\"color: #333333; margin-bottom: 10pt; margin-top: 10pt;\">The Core Web Vitals report comes in two segments, desktop and mobile.<\/p>\n<div style=\"color: #333333; margin-left: 40px;\">\n<ol>\n<li><span style=\"color: #333333;\">Desktop<\/span><\/li>\n<li><span style=\"color: #333333;\">Mobile<\/span><\/li>\n<\/ol>\n<\/div>\n<p>&nbsp;<\/p>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"font-weight: 400;\">The primary aim of the Core Web Vitals is to determine whether your site is usable for visitors. Thus, they influence your position in search results. They also indicate the weak points of your online store so you can fix them. Eliminating these problems will do two things at once. <\/span><span style=\"font-weight: 400;\">1) Raise your online shop in SERPs. <\/span><span style=\"font-weight: 400;\">2) Improve other critical metrics like bounce and conversion rates.<\/span><\/p>\n<h3 id=\"lcp\" style=\"color: #333333; margin-top: 40pt;\"><strong><a id=\"Largest-Contentful-Paint\"><\/a>Largest Contentful Paint (<span class=\"caps\">LCP<\/span>) \u2014 loading<\/strong><\/h3>\n<div style=\"margin-top: 40pt; margin-bottom: 40pt;\">\n<ul style=\"color: #333333; margin-left: 120px; margin-right: 100px; border-left: 10px solid #6796F8;\">\n<li style=\"list-style: none; margin-left: 24px; margin-top: 12px;\"><span style=\"color: #333333; font-size: 14pt;\"><strong>Statistics<\/strong><\/span><\/li>\n<li style=\"list-style: square; margin-bottom: 4px; margin-top: 10px; margin-left: 44px;\"><em><span class=\"underline--magical\">1-second delay<\/span> reduces customer satisfaction by 16%.<\/em><\/li>\n<li style=\"list-style: none; margin-left: 20px; margin-top: 4px;\"><\/li>\n<\/ul>\n<\/div>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"font-weight: 400;\">Largest Contentful Paint is a metric that site owners can use to assess user experience. It determines how quickly the page\u2019s most significant piece of content appears on a mobile\/desktop screen.<\/span><\/p>\n<div style=\"margin-top: 30pt; margin-bottom: 30pt;\">\n<p style=\"color: #333333; margin-bottom: 10pt;\"><img decoding=\"async\" class=\"wp-image-7080 alignnone\" src=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/largest-contentful-paint.png\" alt=\"\" width=\"400\" height=\"370\" srcset=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/largest-contentful-paint.png 763w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/largest-contentful-paint-300x278.png 300w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/largest-contentful-paint-22x20.png 22w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/largest-contentful-paint-36x33.png 36w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/largest-contentful-paint-48x44.png 48w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<p style=\"color: #333333;\"><span style=\"font-weight: 400;\">The largest element is typically the featured image or maybe the &lt;h1&gt; tag but it could be any of these:<\/span><\/p>\n<div style=\"margin-top: 10pt; margin-bottom: 20pt; color: #333333; margin-left: 30px;\">\n<ul style=\"color: #333333; margin-left: 30px;\">\n<li style=\"color: #333333; font-size: 12pt; list-style: circle;\">Images: either &lt;img&gt; element or &lt;image&gt; element inside an &lt;svg&gt; element<\/li>\n<li style=\"color: #333333; font-size: 12pt; list-style: circle;\">Video poster images \u2013 the images inside &lt;video&gt; elements<\/li>\n<li style=\"color: #333333; font-size: 12pt; list-style: circle;\">Background images<\/li>\n<li style=\"color: #333333; font-size: 12pt; list-style: circle;\">Block-level text<\/li>\n<li style=\"color: #333333; font-size: 12pt; list-style: circle;\">&lt;svg&gt; and &lt;video&gt; may be added in the future.<\/li>\n<\/ul>\n<\/div>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"font-weight: 400;\">Site owners should aim for an LCP below 2.5 seconds. The shorter the delay, the less attention is required by the visitor.<\/span><\/p>\n<h3 style=\"color: #333333; margin-top: 40pt;\"><strong><a id=\"First-Input-Delay\"><\/a>First Input Delay (<span class=\"caps\">FID<\/span>) \u2014 interactivity<\/strong><\/h3>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"font-weight: 400;\">It\u2019s frustrating for users when they try to click something on a page, but nothing happens.<\/span><\/p>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"font-weight: 400;\">FID expresses the time from when a user interacts with your page until the page responds &#8211; a type of responsiveness. <\/span><\/p>\n<div style=\"margin-top: 30pt; margin-bottom: 30pt;\"><img decoding=\"async\" class=\"wp-image-7079 alignnone\" src=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/first-input-delay.png\" alt=\"\" width=\"400\" height=\"362\" srcset=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/first-input-delay.png 772w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/first-input-delay-300x271.png 300w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/first-input-delay-768x694.png 768w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/first-input-delay-22x20.png 22w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/first-input-delay-36x33.png 36w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/first-input-delay-48x43.png 48w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/div>\n<p style=\"color: #333333;\">Example interactions include:<\/p>\n<div style=\"margin-top: 10pt; margin-bottom: 16pt; color: #333333; margin-left: 30px;\">\n<ul style=\"color: #333333; margin-left: 30px;\">\n<li style=\"color: #333333; font-size: 12pt; list-style: circle;\">Clicking on a link or button.<\/li>\n<li style=\"color: #333333; font-size: 12pt; list-style: circle;\">Inputting text into a blank field.<\/li>\n<li style=\"color: #333333; font-size: 12pt; list-style: circle;\">Selecting a drop-down menu.<\/li>\n<li style=\"color: #333333; font-size: 12pt; list-style: circle;\">Clicking a checkbox.<\/li>\n<\/ul>\n<\/div>\n<p style=\"color: #333333;\">Not include:<\/p>\n<div style=\"margin-top: 10pt; margin-bottom: 16pt; color: #333333; margin-left: 30px;\">\n<ul style=\"color: #333333; margin-left: 30px;\">\n<li style=\"color: #333333; font-size: 12pt; list-style: circle;\"><span style=\"font-weight: 400;\">Scrolling down the page.<\/span><\/li>\n<li style=\"color: #333333; font-size: 12pt; list-style: circle;\"><span style=\"font-weight: 400;\">Zooming in or out.<\/span><\/li>\n<\/ul>\n<\/div>\n<p>&nbsp;<\/p>\n<h4 style=\"color: #333333; margin-bottom: 10pt; margin-top: 10pt;\"><strong>What causes FID?<\/strong><\/h4>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"font-weight: 400;\">The leading cause of FID is JavaScript competing for the main thread. While a task is running, the page can\u2019t respond to user input. This causes a delay, dependent on how long the Javascript runs. The longer the task, the longer the delay experienced by the user.<\/span><\/p>\n<div style=\"margin: 40pt 60pt 40pt 60pt;\">\n<blockquote style=\"background: #3B71E3; color: white; border-left: 15px solid #6796F8; margin: 40px 100px 30px 0px; padding: 40px 40px 40px 40px;\"><p>Not all users will interact with a page, so they may not have an <span class=\"caps\">FID<\/span> value. <span style=\"font-weight: 400;\">Neither will tests with lab tools produce a value &#8211; they don\u2019t interact with the page. So, use Total Blocking Time (TBT) instead.<\/span><\/p><\/blockquote>\n<\/div>\n<p style=\"color: #333333; margin-bottom: 10pt;\">Developers need to reduce the time users spend waiting for a browser to respond to their input. Low FID improves engagement and usability across the site.<\/p>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"font-weight: 400; color: #333333;\">Site owners should aim for FID below 100 milliseconds. This provides a satisfactory user experience, but shorter is better.<\/span><\/p>\n<h3 id=\"cls\" style=\"color: #333333; margin-top: 40pt;\"><strong><a id=\"Cumulative-Layout-Shift\"><\/a>Cumulative Layout Shift (<span class=\"caps\">CLS<\/span>) \u2014 visual stability<\/strong><\/h3>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"font-weight: 400;\">Have you ever clicked on a page that shifted, so you ended up clicking on something you didn\u2019t intend? You were probably annoyed, but as a website owner, you may be more forgiving of mistakes. Ordinary users hate it.<\/span><\/p>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"font-weight: 400;\">Cumulative Layout Shift is a metric that identifies links or buttons that shift after a web page has loaded. The metric reflects the level of difficulty users will experience when trying to engage with elements on your site once the page renders. It takes into account both the size of the content and the distance it moves.<\/span><\/p>\n<p style=\"color: #333333; margin-bottom: 10pt;\">First, identify the pages with poor CLS. That will show you how to improve usability, drive click-through rates, and increase your overall conversion rate.<\/p>\n<p style=\"color: #333333; margin-bottom: 10pt;\">One major issue with the metric is that it continues to measure even after the initial page load. Google is taking feedback on this particular metric, so we\u2019ll likely see some changes to it in the future.<\/p>\n<div style=\"margin-top: 30pt; margin-bottom: 30pt;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7078 alignnone\" src=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/cumulative-layout-shift.png\" alt=\"\" width=\"401\" height=\"363\" srcset=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/cumulative-layout-shift.png 766w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/cumulative-layout-shift-300x272.png 300w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/cumulative-layout-shift-22x20.png 22w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/cumulative-layout-shift-36x33.png 36w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/cumulative-layout-shift-48x43.png 48w\" sizes=\"(max-width: 401px) 100vw, 401px\" \/><\/div>\n<p style=\"color: #333333; margin-bottom: 10pt;\">Common causes of\u00a0<span class=\"caps\">CLS<\/span>\u00a0include:<\/p>\n<div style=\"margin-top: 14pt; margin-bottom: 20pt; color: #333333; margin-left: 30px;\">\n<ul style=\"color: #333333; margin-left: 30px;\">\n<li style=\"color: #333333; font-size: 12pt; list-style: circle;\">Images without dimensions.<\/li>\n<li style=\"color: #333333; font-size: 12pt; list-style: circle;\">Ads, embeds, and iframes without dimensions.<\/li>\n<li style=\"color: #333333; font-size: 12pt; list-style: circle;\">Injecting content with JavaScript.<\/li>\n<li style=\"color: #333333; font-size: 12pt; list-style: circle;\">Applying fonts or styles late in the load.<\/li>\n<\/ul>\n<\/div>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"font-weight: 400;\">You should maintain a CLS of 0.1 or less. Ideally, sites shouldn\u2019t shift at all. But if some of your pages include heavy elements, you may need to compromise between CLS, LCP and other metrics. A good developer will help you improve both. If necessary, they can also identify the exact balance where you will maximise your conversions.<\/span><\/p>\n<h3 id=\"other\" style=\"color: #333333; margin-top: 40pt;\"><strong><a id=\"Other-Performance-Metrics\"><\/a>Other Performance Metrics<\/strong><\/h3>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"font-weight: 400;\">There are also secondary metrics that affect how users experience content. Here are some of them. You can use them to understand the experience visitors have on your site:<\/span><\/p>\n<div style=\"margin: 30pt 100px 30pt 30px;\">\n<ul style=\"color: #333333; margin-left: 30px;\">\n<li style=\"list-style-type: square; margin-bottom: 8px; margin-top: 20px;\"><span style=\"color: #333333;\"><strong>First Contentful Paint<\/strong><span style=\"font-weight: 400;\">, measured in seconds. FCP measures how long it takes for a user\u2019s browser to render DOM elements. This metric identifies render-blocking resources.\u00a0<\/span><\/span><span style=\"font-weight: 400;\">Examples include images, non-white &lt;canvas&gt; elements, and SVGs.<\/span><\/li>\n<li style=\"list-style-type: square; margin-bottom: 8px; margin-top: 20px;\"><span style=\"color: #333333;\"><strong>Time To Interactive<span style=\"font-weight: 400;\">, measured in seconds. TTI calculates the amount of time it takes for the content on a page to become fully interactive. High TTI is an indicator of pages with unnecessary JavaScript.<\/span><\/strong><\/span><\/li>\n<li style=\"list-style-type: square; margin-bottom: 8px; margin-top: 20px;\"><span style=\"color: #333333;\"><strong>Total Blocking Time<\/strong><span style=\"font-weight: 400;\">, measured in milliseconds. TBT helps site owners assess how long a web page takes to respond to specific user input. This metric will also identify pages with unnecessary JavaScript.<\/span><\/span><\/li>\n<li style=\"list-style-type: square; margin-bottom: 8px; margin-top: 20px;\"><span style=\"color: #333333;\"><strong>Speed Index (SI)<\/strong><span style=\"font-weight: 400;\">, measured in milliseconds. SI shows you the average time that content on your site takes to display to a user. This metric is a third indicator of excessive JavaScript on a page.<\/span><\/span><\/li>\n<li style=\"list-style-type: square; margin-bottom: 8px; margin-top: 20px;\"><span style=\"color: #333333;\"><span style=\"color: #333333;\"><strong>PageSpeed Score <\/strong><span style=\"font-weight: 400;\">\u2014 an aggregate score across all mobile or desktop visits. PS condenses all of the critical user experience metrics in Core Web Vitals to a single score.<\/span><\/span><\/span><\/li>\n<\/ul>\n<\/div>\n<p>&nbsp;<\/p>\n<p style=\"color: #333333; margin-bottom: 10pt;\"><span style=\"font-weight: 400;\">Scores in each category indicate your performance. Ninety or above is satisfactory. 50-90 requires improvement. If you have a score below 50 (poor) in any category, you should contact your devs and have them fix it immediately.<\/span><\/p>\n<h2 style=\"color: #333333; margin-top: 60pt;\"><strong><span style=\"color: #333333;\"><a id=\"How-to-check-Core-Web-Vitals-on-Google\"><\/a>How to <span style=\"color: #333333;\">audit<\/span> Core Web Vitals and prioritise fixes<\/span><\/strong><\/h2>\n<p style=\"color: #333333; margin-bottom: 10pt;\">The assessment of Core Web Vitals for any site is public knowledge. Google has published the essence of Core Web Vitals. In addition, they provide free tools to evaluate them. Finally, the tools give helpful advice on fixing the issues revealed.<\/p>\n<p style=\"color: #333333; margin-bottom: 10pt;\">There are a handful of ways to see if your page scores \u201cpoor\u201d, \u201cneed improvement,\u201d or \u201cgood\u201d. You can use them to evaluate your website and get advice on how to make improvements.<\/p>\n<p>&nbsp;<\/p>\n<h3><strong>Tools you can use to evaluate the Core Web Vitals<\/strong><\/h3>\n<p style=\"color: #333333; margin-bottom: 10pt;\">We recommend any of the following free tools:<\/p>\n<p>&nbsp;<\/p>\n<div style=\"overflow-x:auto;\">\n<table style=\"border: 1px solid #fcfcfc; border-collapse: collapse; width: 100%;\">\n<thead style=\"font-weight: 500; font-size: 14px; color: #354251; background-color: #eff1fa; border: 1px solid #d5dae0; padding: 10px 5px; line-height: 16px;\">\n<tr style=\"border: 1px solid #d5dae0;\">\n<th style=\"width: 5%; border: 1px solid #d5dae0; padding: 10px 5px;\">Image<\/th>\n<th style=\"width: 5%; border: 1px solid #d5dae0; padding: 10px 5px;\">Tool<\/th>\n<th style=\"width: 45%; border: 1px solid #d5dae0; padding: 10px 5px;\"><strong>Description<\/strong><\/th>\n<th style=\"width: 10%; border: 1px solid #d5dae0; padding: 10px 5px;\"><strong>Type<\/strong><\/th>\n<th style=\"width: 5%; border: 1px solid #d5dae0; padding: 10px 5px;\"><strong>Price<\/strong><\/th>\n<th style=\"width: 5%; border: 1px solid #d5dae0; padding: 10px 5px;\">Level<\/th>\n<th style=\"width: 20%; border: 1px solid #d5dae0; padding: 10px 5px;\"><strong>CWV metrics measured<\/strong><\/th>\n<th style=\"width: 5%; border: 1px solid #d5dae0; padding: 10px 5px;\">URL<\/th>\n<\/tr>\n<\/thead>\n<tbody style=\"font-size: 14px; color: #354251; border: 1px solid #d5dae0; white-space: pre-wrap; line-height: 16px; vertical-align: middle;\">\n<tr style=\"border: 1px solid #d5dae0; vertical-align: middle;\">\n<td style=\"vertical-align: middle; border: 1px solid #d5dae0; width: 5%;\">\n<div style=\"width: 70px;\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"259\" class=\"alignnone size-medium wp-image-8130\" src=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/logo-pagespeed-insights-300x259.png\" alt=\"\" srcset=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/logo-pagespeed-insights-300x259.png 300w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/logo-pagespeed-insights-1024x884.png 1024w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/logo-pagespeed-insights-768x663.png 768w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/logo-pagespeed-insights-22x19.png 22w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/logo-pagespeed-insights-36x31.png 36w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/logo-pagespeed-insights-48x41.png 48w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/logo-pagespeed-insights.png 1304w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 4px 4px; vertical-align: middle; width: 5%; text-align: center;\"><strong>Google PageSpeed Insights<\/strong><\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: left; width: 35%;\">With PageSpeed Insights, it is possible to get both lab and field site performance. It analyses both mobile and desktop pages. It finds actual user issues, as well as expected issues. Then, it generates suggestions to make those pages faster.<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 10%; text-align: left;\">Field and lab, web-based<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Free<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 10%; text-align: center;\">Basic, intermediate<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 20%; text-align: left;\">LCP, FID, CLS, FCP, TTI, TBT<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: left; width: 5%;\"><span style=\"color: #0000ff; font-size: 10pt;\"><a style=\"color: #0000ff;\" href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google PageSpeed Insights<\/a><\/span><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #d5dae0; vertical-align: middle;\">\n<td style=\"vertical-align: middle; border: 1px solid #d5dae0; width: 5%;\">\n<div style=\"width: 70px;\"><img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"212\" class=\"alignnone size-full wp-image-8131\" src=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/search-console.png\" alt=\"\" srcset=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/search-console.png 238w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/search-console-22x20.png 22w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/search-console-36x32.png 36w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/search-console-48x43.png 48w\" sizes=\"(max-width: 238px) 100vw, 238px\" \/><\/div>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 5%; text-align: center;\"><strong>Google Search Console<\/strong><\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; text-align: left; width: 35%;\">Based on actual data from CrUX, Search Console&#8217;s Core Web Vitals report may help you <em>discover groupings of pages on your site that want improvement.<\/em> The performance of URLs is divided into three categories: metric type, status, and URL group (groups of similar web pages). Using Google Search Console, you can see the data for multiple pages at once. But at the same time, the data is on a 28-day rolling average. Therefore, changes may take some time to show up in the report.<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 10%; text-align: left;\">Field, web-based<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Free<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Intermediate<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 20%;\">LCP, FID, CLS<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: left; width: 5%;\"><span style=\"color: #0000ff; font-size: 10pt;\"><a class=\"rank-math-link\" href=\"https:\/\/search.google.com\/search-console\/welcome\" target=\"_blank\" rel=\"noopener\">Google Search Console<\/a><\/span><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #d5dae0;\">\n<td style=\"vertical-align: middle; border: 1px solid #d5dae0; width: 5%;\">\n<div style=\"width: 70px;\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" class=\"alignnone size-medium wp-image-8132\" src=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/CrUX-logo-300x300.png\" alt=\"\" srcset=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/CrUX-logo-300x300.png 300w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/CrUX-logo-150x150.png 150w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/CrUX-logo-22x22.png 22w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/CrUX-logo-36x36.png 36w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/CrUX-logo-48x48.png 48w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/CrUX-logo.png 384w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 5%;\"><strong>Chrome UX Report (CrUX)<\/strong><\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: left; width: 35%;\"><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">Provides customised reports on your site\u2019s performance. All of the data collected in CrUX\u00a0comes from users who have consented to download data in specific areas.\u00a0<\/span><\/span><\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 10%; text-align: left;\">Field<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Free<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Advanced<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 20%; text-align: left;\">LCP, FID, CLS, FCP, TTFB<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 5%; text-align: left;\"><a class=\"rank-math-link\" href=\"https:\/\/developers.google.com\/web\/tools\/chrome-user-experience-report\" target=\"_blank\" rel=\"noopener\">Chrome User Experience Report<\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #d5dae0;\">\n<td style=\"vertical-align: middle; border: 1px solid #d5dae0; width: 5%;\">\n<div style=\"width: 70px;\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" class=\"alignnone size-full wp-image-8133\" src=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/google-lighthouse-log.png\" alt=\"\" srcset=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/google-lighthouse-log.png 300w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/google-lighthouse-log-150x150.png 150w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/google-lighthouse-log-22x22.png 22w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/google-lighthouse-log-36x36.png 36w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/google-lighthouse-log-48x48.png 48w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 5%;\"><strong>Google Lighthouse<\/strong><\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: left; width: 35%;\"><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">Lighthouse is automatic website audit tool that assists developers in diagnosing issues and identifying ways to improve their sites&#8217; user experience. It is automatically installed in all versions of the Google Chrome browser as a part of Chrome DevTools (version 60 and above).\u00a0 Lighthouse is worth using in conjunction with the &#8220;Performance&#8221; tab, where it is possible to\u00a0<em>track the total page load so that step by step<\/em>, you can catch possible elements to optimize.<\/span><\/span><\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 10%; text-align: left;\">Lab, web-based<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Free<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Basic<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 20%; text-align: left;\">LCP, CLS, TTI, TBT, FCP<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 5%; text-align: left;\"><a class=\"rank-math-link\" href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\" target=\"_blank\" rel=\"noopener\">Google Lighthouse<\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #d5dae0;\">\n<td style=\"vertical-align: middle; border: 1px solid #d5dae0; width: 5%;\">\n<div style=\"width: 70px;\"><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"280\" class=\"alignnone size-full wp-image-8134\" src=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/devtools-logo.png\" alt=\"\" srcset=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/devtools-logo.png 280w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/devtools-logo-150x150.png 150w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/devtools-logo-22x22.png 22w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/devtools-logo-36x36.png 36w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/devtools-logo-48x48.png 48w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/div>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 5%;\">\n<p class=\"alignfull has-text-align-center has-background\"><strong>Chrome DevTools<\/strong><\/p>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: left; width: 35%;\">The Chome DevTools Performance panel lets you analyze some of the Core Web Vitals metrics. The Experience section will help you analyze layout shifts.<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 10%; text-align: left;\">Lab, built into the Chrome browser<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Free<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Advanced<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 20%; text-align: left;\">LCP, CLS, FCP, TBT<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 5%; text-align: left;\"><span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/developer.chrome.com\/blog\/new-in-devtools-84\/#cls\" target=\"_blank\" rel=\"noopener noreferrer\">Chrome DevTools<\/a><\/span><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #d5dae0;\">\n<td style=\"vertical-align: middle; border: 1px solid #d5dae0; width: 5%;\">\n<div style=\"width: 70px;\"><img loading=\"lazy\" decoding=\"async\" width=\"128\" height=\"128\" class=\"alignnone size-full wp-image-8135\" src=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/web-vitals-ext-logo.jpeg\" alt=\"\" srcset=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/web-vitals-ext-logo.jpeg 128w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/web-vitals-ext-logo-22x22.jpeg 22w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/web-vitals-ext-logo-36x36.jpeg 36w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/web-vitals-ext-logo-48x48.jpeg 48w\" sizes=\"(max-width: 128px) 100vw, 128px\" \/><\/div>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 5%;\">\n<p class=\"alignfull has-text-align-center has-background\"><strong>Web Vitals Extension<\/strong><\/p>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: left; width: 35%;\"><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">Web Vitals extension is dedicated to the Google Chrome\u00a0desktop version. Puts the Core Web Vitals in Chrome. Right there on your site in real-time. It works great in the <em>early diagnostic stages when it is possible to catch basic errors.\u00a0<\/em><\/span><\/span><\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 10%; text-align: left;\">Lab, browser extension<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Free<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Beginner<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 20%; text-align: left;\"><\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 5%; text-align: left;\"><span style=\"color: #333333;\"><span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/web-vitals\/ahfhijdlegdabablpippeagghigmibma\" target=\"_blank\" rel=\"noopener noreferrer\">Web Vitals Extension<\/a><\/span><\/span><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #d5dae0;\">\n<td style=\"vertical-align: middle; border: 1px solid #d5dae0; width: 5%;\">\n<div style=\"width: 70px;\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"259\" class=\"alignnone size-medium wp-image-8137\" src=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/webdev-logo-1-300x259.png\" alt=\"\" srcset=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/webdev-logo-1-300x259.png 300w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/webdev-logo-1-22x19.png 22w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/webdev-logo-1-36x31.png 36w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/webdev-logo-1-48x41.png 48w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/webdev-logo-1.png 347w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 5%;\">\n<p class=\"alignfull has-text-align-center has-background\"><strong>Web.dev<\/strong><\/p>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: left; width: 35%;\">A bit fancier incarnation of Google Lighthouse. The main difference is that if you are logged into your Google account, the<strong>\u00a0<\/strong>tool will store the history of the audits you ran.<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 10%; text-align: left;\">Lab, web-based<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Free<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Basic<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 20%; text-align: left;\">LCP, CLS, FCP, TTI, TBT<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 5%; text-align: left;\"><span style=\"color: #333333;\"><span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/web.dev\/measure\/\" target=\"_blank\" rel=\"noopener noreferrer\">Web.dev<\/a><\/span><\/span><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #d5dae0;\">\n<td style=\"vertical-align: middle; border: 1px solid #d5dae0; width: 5%;\">\n<div style=\"width: 70px;\"><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"200\" class=\"alignnone size-full wp-image-8142\" src=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/gtmetrics-logo.png\" alt=\"\" srcset=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/gtmetrics-logo.png 200w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/gtmetrics-logo-150x150.png 150w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/gtmetrics-logo-22x22.png 22w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/gtmetrics-logo-36x36.png 36w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/gtmetrics-logo-48x48.png 48w\" sizes=\"(max-width: 200px) 100vw, 200px\" \/><\/div>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 5%;\">\n<p class=\"alignfull has-text-align-center has-background\"><strong>GTmetrix<\/strong><\/p>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: left; width: 35%;\"><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">Is a free tool that monitors your site\u2019s performance and suggests improvements. You need to create an account to be able to adjust the test settings<\/span><\/span><\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 10%; text-align: left;\">Lab, web-based<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Free<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Basic<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 20%; text-align: left;\">LCP, CLS, FCP,TBT<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 5%; text-align: left;\"><span style=\"color: #333333;\"><span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">GTmetrix<\/a><\/span><\/span><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #d5dae0;\">\n<td style=\"vertical-align: middle; border: 1px solid #d5dae0; width: 5%;\">\n<div style=\"width: 70px;\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" class=\"alignnone size-medium wp-image-8141\" src=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/webpage-test-300x300.png\" alt=\"\" srcset=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/webpage-test-300x300.png 300w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/webpage-test-150x150.png 150w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/webpage-test-22x22.png 22w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/webpage-test-36x36.png 36w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/webpage-test-48x48.png 48w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/webpage-test.png 512w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 5%;\">\n<p class=\"alignfull has-text-align-center has-background\"><strong>WebPageTest<\/strong><\/p>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: left; width: 35%;\"><span style=\"font-weight: 400;\">Is another web performance tool. It uses real browsers to access web pages and collect timing metrics.<\/span><\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 10%; text-align: left;\">Lab and field, web-based<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Free<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Advanced<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 20%; text-align: left;\">LCP, CLS, TBT, FCP, TTFB<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 5%; text-align: left;\"><span style=\"color: #333333;\"><span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.webpagetest.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">WebPageTest<\/a><\/span><\/span><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #d5dae0;\">\n<td style=\"vertical-align: middle; border: 1px solid #d5dae0; width: 5%;\">\n<div style=\"width: 70px;\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"262\" class=\"alignnone size-medium wp-image-8144\" src=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/layout-shift-gif-logo-300x262.png\" alt=\"\" srcset=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/layout-shift-gif-logo-300x262.png 300w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/layout-shift-gif-logo-22x19.png 22w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/layout-shift-gif-logo-36x31.png 36w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/layout-shift-gif-logo-48x42.png 48w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/layout-shift-gif-logo.png 493w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 5%;\">\n<p class=\"alignfull has-text-align-center has-background\"><strong>Layout Shift <span class=\"caps\">GIF<\/span> Generator<\/strong><\/p>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: left; width: 35%;\"><span style=\"font-weight: 400;\">Is<span style=\"color: #333333;\"> a specialised tool. It goes beyond the measurement of CLS and shows you exactly what moves on a page after loading.<\/span><\/span><\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 10%; text-align: left;\">Lab<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Free<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Beginner<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 20%; text-align: left;\">\u00a0CLS<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 5%; text-align: left;\"><span style=\"color: #333333;\"><span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/defaced.dev\/tools\/layout-shift-gif-generator\/\" target=\"_blank\" rel=\"noopener noreferrer\">Layout Shift <span class=\"caps\">GIF<\/span> Generator<\/a> <\/span><\/span><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #d5dae0;\">\n<td style=\"vertical-align: middle; border: 1px solid #d5dae0; width: 5%;\">\n<div style=\"width: 70px;\"><img loading=\"lazy\" decoding=\"async\" width=\"198\" height=\"158\" class=\"alignnone size-full wp-image-8152\" src=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/treo-logo.png\" alt=\"\" srcset=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/treo-logo.png 198w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/treo-logo-22x18.png 22w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/treo-logo-36x29.png 36w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/treo-logo-48x38.png 48w\" sizes=\"(max-width: 198px) 100vw, 198px\" \/><\/div>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 5%;\">\n<p class=\"alignfull has-text-align-center has-background\"><strong>TREO Site Speed<\/strong><\/p>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: left; width: 35%;\">It has a very nice and clear UI. It relies on the field data from the Chrome UX Report and the lab data from Google Lighthouse, so you can be sure the data is accurate. and it shows the historical data on how specific Core Web Vitals metrics were assessed for the site.<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 10%; text-align: left;\">Lab and field, web-based<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Free<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Beginner<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 20%; text-align: left;\"><\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 5%; text-align: left;\"><a href=\"https:\/\/treo.sh\/sitespeed\" target=\"_blank\" rel=\"nofollow noopener\">TREO Site Speed<\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #d5dae0;\">\n<td style=\"vertical-align: middle; border: 1px solid #d5dae0; width: 5%;\">\n<div style=\"width: 70px;\"><img loading=\"lazy\" decoding=\"async\" width=\"225\" height=\"225\" class=\"alignnone size-full wp-image-8154\" src=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/semrush-logo.png\" alt=\"\" srcset=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/semrush-logo.png 225w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/semrush-logo-150x150.png 150w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/semrush-logo-22x22.png 22w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/semrush-logo-36x36.png 36w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/semrush-logo-48x48.png 48w\" sizes=\"(max-width: 225px) 100vw, 225px\" \/><\/div>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 5%;\">\n<p class=\"alignfull has-text-align-center has-background\"><strong>Semrush Site Audit<\/strong><\/p>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: left; width: 35%;\">All-in-one SEO tool \u2013 has recently added the measurement of Core Web Vitals to their Site Audit tool. Semrush uses data from Lighthouse.<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 10%; text-align: left;\">Lab<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Free<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Intermediate<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 20%; text-align: left;\">LCP, CLS, TBT<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 5%; text-align: left;\"><a href=\"https:\/\/www.semrush.com\/siteaudit\/\" target=\"_blank\" rel=\"noopener\">Semrush Site Audit<\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #d5dae0;\">\n<td style=\"vertical-align: middle; border: 1px solid #d5dae0; width: 5%;\">\n<div style=\"width: 70px;\"><img loading=\"lazy\" decoding=\"async\" width=\"225\" height=\"225\" class=\"alignnone size-full wp-image-8155\" src=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/compare-pagespeed-logo.png\" alt=\"\" srcset=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/compare-pagespeed-logo.png 225w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/compare-pagespeed-logo-150x150.png 150w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/compare-pagespeed-logo-22x22.png 22w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/compare-pagespeed-logo-36x36.png 36w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/compare-pagespeed-logo-48x48.png 48w\" sizes=\"(max-width: 225px) 100vw, 225px\" \/><\/div>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 5%;\">\n<p class=\"alignfull has-text-align-center has-background\"><strong>PageSpeed Compare<\/strong><\/p>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: left; width: 35%;\">A tool that makes use of Google PageSpeed Insights (which is powered by Lighthouse and Chrome UX Report). It lets you compare performance metrics of your pages against each other or against your competition.<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 10%; text-align: left;\">Lab and field<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Free<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Intermediate<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 20%; text-align: left;\">LCP, CLS, FID, FCP, LCP, TTI, TBT<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 5%; text-align: left;\"><a href=\"https:\/\/pagespeed.compare\/\" target=\"_blank\" rel=\"noopener\">PageSpeed Compare<\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #d5dae0;\">\n<td style=\"vertical-align: middle; border: 1px solid #d5dae0; width: 5%;\">\n<div style=\"width: 70px;\"><img loading=\"lazy\" decoding=\"async\" width=\"170\" height=\"170\" class=\"alignnone size-full wp-image-8156\" src=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/speedvitals.png\" alt=\"\" srcset=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/speedvitals.png 170w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/speedvitals-150x150.png 150w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/speedvitals-22x22.png 22w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/speedvitals-36x36.png 36w, https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/08\/speedvitals-48x48.png 48w\" sizes=\"(max-width: 170px) 100vw, 170px\" \/><\/div>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 5%;\">\n<p class=\"alignfull has-text-align-center has-background\"><strong>SpeedVitals<\/strong><\/p>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: left; width: 35%;\">It has features, such as platform-specific optimization tips, Layout Shift Visualizer, Waterfall Chart, Field Data Chart. A tool lets you perform the test on 12 devices &amp; 9 locations.<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 10%; text-align: left;\">Lab and field<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Free<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Intermediate<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 20%; text-align: left;\">TTFB, CLP, CLS, TBT, TCP, FID<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 5%; text-align: left;\"><a href=\"https:\/\/speedvitals.com\/\" target=\"_blank\" rel=\"noopener\">SpeedVitals<\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #d5dae0;\">\n<td style=\"vertical-align: middle; border: 1px solid #d5dae0; width: 5%; text-align: center;\">&#8211;<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 5%;\">\n<p class=\"alignfull has-text-align-center has-background\"><strong>Cumulative Layout Shift Debugger<\/strong><\/p>\n<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: left; width: 35%;\">This tool is created by Fili Wiese, an ex-Googler who really knows what he is talking about. The tool will let you analyze in detail any layout shifts that are occurring on both the mobile and the desktop versions of your site. (based on CrUX).<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 10%; text-align: left;\">Lab and field<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Free<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; text-align: center; width: 10%;\">Advanced<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 20%; text-align: left;\">CLS<\/td>\n<td style=\"border: 1px solid #d5dae0; padding: 20px 15px; vertical-align: middle; width: 5%; text-align: left;\"><a href=\"https:\/\/webvitals.dev\/cls\" target=\"_blank\" rel=\"noopener\">Cumulative Layout Shift Debugger<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h2 style=\"color: #333333; margin-top: 60pt;\"><strong><span style=\"color: #333333;\">Recap<\/span><\/strong><\/h2>\n<p style=\"color: #333333; margin-bottom: 10pt;\">The tips and tools provided give you a starting point for optimising the Core Web Vitals. You now have the knowledge and data required to start making improvements.<\/p>\n<p style=\"color: #333333; margin-bottom: 10pt;\">We expect that Google will continue to add elements to its list of page experience factors over time. If you have not considered evaluating your website\u2019s usability, the time to act is now.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"color: #333333; margin-bottom: 10pt;\">Finally, here is a list of our recommended actions to take:<\/p>\n<p style=\"color: #333333; margin-bottom: 8px;\">1. First, conduct an audit of your website. An audit will help evaluate the current state of your website. It will identify which pages that need updating and optimising.<\/p>\n<blockquote style=\"background: #EFF1FA; color: white; margin: 40px 280px 40px 0px; padding: 40px 40px 80px 40px;\">\n<ul style=\"color: #333333; margin-left: 20px; margin-top: 15px;\">\n<li style=\"margin-left: 20px; list-style: square; margin-bottom: 20px;\"><span style=\"color: #333333;\">We at MageCloud offer a <b><i>free 30-minute website perfomance audit\/consultation. <\/i><\/b><span style=\"font-weight: 400;\">The audit will reveal the issues on your eCommerce store and what you can do about them.<\/span><\/span><\/li>\n<\/ul>\n<div class=\"button_bluetowhite\" style=\"margin-left: 20px;\"><a href=\"https:\/\/magecloud.agency\/contacts\/\">Get Your Free Website Audit<\/a><\/div>\n<\/blockquote>\n<p style=\"color: #333333; margin-bottom: 8px;\">2. Use the findings of the website audit to identify and perform page optimisations.<\/p>\n<p style=\"color: #333333; margin-bottom: 8px;\">3. Obtain a \u201cGood\u201d score for all three Core Web Vitals to ensure your page continues to rank high in the SERP.<\/p>\n<p style=\"color: #333333; margin-bottom: 8px;\">4. Continually evaluate and optimise your website. Monitor its compliance with the Core Web Vitals and other page experience factors that Google may implement over time.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"You can use Google\u2019s Core Web Vitals to improve your website\u2019s ranking in search engines. They can also help keep it clean and well-organized, which enhances user experience (UX). NOTE At the end of August 2021,\u00a0Core Web Vitals became Google full-fledged Google ranking factor. Alongside existing factors like qualitative and relevant content, mobile-friendliness, or HTTPS.\u00a0[Source:&hellip;","protected":false},"author":4,"featured_media":6992,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[6],"tags":[61,13,24],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Core Web Vitals Update: Is your eCommerce store compliant? - MageCloud<\/title>\n<meta name=\"description\" content=\"What are Google Core Web Vitals and how they can help to keep your website well-organized for users and improve your website&#039;s ranking?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/magecloud.agency\/google-core-web-vitals-update\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Core Web Vitals Update: Is your eCommerce store compliant?\" \/>\n<meta property=\"og:description\" content=\"What are Google Core Web Vitals and how they can help to keep your website well-organized for users and improve your website&#039;s ranking?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/magecloud.agency\/google-core-web-vitals-update\/\" \/>\n<meta property=\"og:site_name\" content=\"MageCloud\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/magecloud.net\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-03T10:56:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-04T11:37:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/07\/Google-Core-web-vitals-5.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"870\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"paulryazanov\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Core Web Vitals Update: Is your eCommerce store compliant?\" \/>\n<meta name=\"twitter:description\" content=\"What are Google Core Web Vitals and how they can help to keep your website well-organized for users and improve your website&#039;s ranking?\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/07\/Google-Core-web-vitals-5.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@magecloud_net\" \/>\n<meta name=\"twitter:site\" content=\"@magecloud_net\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"paulryazanov\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/magecloud.agency\/google-core-web-vitals-update\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/magecloud.agency\/google-core-web-vitals-update\/\"},\"author\":{\"name\":\"paulryazanov\",\"@id\":\"https:\/\/magecloud.agency\/#\/schema\/person\/3bdf6b44e8ab66322fb1326f0aa1cb75\"},\"headline\":\"Core Web Vitals Update: Is your eCommerce store compliant?\",\"datePublished\":\"2021-08-03T10:56:08+00:00\",\"dateModified\":\"2024-04-04T11:37:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/magecloud.agency\/google-core-web-vitals-update\/\"},\"wordCount\":3081,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/magecloud.agency\/#organization\"},\"image\":{\"@id\":\"https:\/\/magecloud.agency\/google-core-web-vitals-update\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/07\/Google-Core-web-vitals-5.jpg\",\"keywords\":[\"core web vitals\",\"eCommerce\",\"google\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/magecloud.agency\/google-core-web-vitals-update\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/magecloud.agency\/google-core-web-vitals-update\/\",\"url\":\"https:\/\/magecloud.agency\/google-core-web-vitals-update\/\",\"name\":\"Core Web Vitals Update: Is your eCommerce store compliant? - MageCloud\",\"isPartOf\":{\"@id\":\"https:\/\/magecloud.agency\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/magecloud.agency\/google-core-web-vitals-update\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/magecloud.agency\/google-core-web-vitals-update\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/07\/Google-Core-web-vitals-5.jpg\",\"datePublished\":\"2021-08-03T10:56:08+00:00\",\"dateModified\":\"2024-04-04T11:37:37+00:00\",\"description\":\"What are Google Core Web Vitals and how they can help to keep your website well-organized for users and improve your website's ranking?\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/magecloud.agency\/google-core-web-vitals-update\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/magecloud.agency\/google-core-web-vitals-update\/#primaryimage\",\"url\":\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/07\/Google-Core-web-vitals-5.jpg\",\"contentUrl\":\"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/07\/Google-Core-web-vitals-5.jpg\",\"width\":870,\"height\":400},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/magecloud.agency\/#website\",\"url\":\"https:\/\/magecloud.agency\/\",\"name\":\"MageCloud\",\"description\":\"MageCloud Portfolio\",\"publisher\":{\"@id\":\"https:\/\/magecloud.agency\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/magecloud.agency\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/magecloud.agency\/#organization\",\"name\":\"MageCloud\",\"url\":\"https:\/\/magecloud.agency\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/magecloud.agency\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/magecloud.agency\/wp-content\/uploads\/2024\/05\/logo_5.png\",\"contentUrl\":\"https:\/\/magecloud.agency\/wp-content\/uploads\/2024\/05\/logo_5.png\",\"width\":296,\"height\":52,\"caption\":\"MageCloud\"},\"image\":{\"@id\":\"https:\/\/magecloud.agency\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/magecloud.net\",\"https:\/\/x.com\/magecloud_net\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/magecloud.agency\/#\/schema\/person\/3bdf6b44e8ab66322fb1326f0aa1cb75\",\"name\":\"paulryazanov\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/magecloud.agency\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/74686967d69e2becd9fc43261c37ef15?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/74686967d69e2becd9fc43261c37ef15?s=96&d=mm&r=g\",\"caption\":\"paulryazanov\"},\"url\":\"https:\/\/magecloud.agency\/author\/paulryazanov\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Core Web Vitals Update: Is your eCommerce store compliant? - MageCloud","description":"What are Google Core Web Vitals and how they can help to keep your website well-organized for users and improve your website's ranking?","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:\/\/magecloud.agency\/google-core-web-vitals-update\/","og_locale":"en_US","og_type":"article","og_title":"Core Web Vitals Update: Is your eCommerce store compliant?","og_description":"What are Google Core Web Vitals and how they can help to keep your website well-organized for users and improve your website's ranking?","og_url":"https:\/\/magecloud.agency\/google-core-web-vitals-update\/","og_site_name":"MageCloud","article_publisher":"https:\/\/www.facebook.com\/magecloud.net","article_published_time":"2021-08-03T10:56:08+00:00","article_modified_time":"2024-04-04T11:37:37+00:00","og_image":[{"width":870,"height":400,"url":"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/07\/Google-Core-web-vitals-5.jpg","type":"image\/jpeg"}],"author":"paulryazanov","twitter_card":"summary_large_image","twitter_title":"Core Web Vitals Update: Is your eCommerce store compliant?","twitter_description":"What are Google Core Web Vitals and how they can help to keep your website well-organized for users and improve your website's ranking?","twitter_image":"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/07\/Google-Core-web-vitals-5.jpg","twitter_creator":"@magecloud_net","twitter_site":"@magecloud_net","twitter_misc":{"Written by":"paulryazanov","Est. reading time":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/magecloud.agency\/google-core-web-vitals-update\/#article","isPartOf":{"@id":"https:\/\/magecloud.agency\/google-core-web-vitals-update\/"},"author":{"name":"paulryazanov","@id":"https:\/\/magecloud.agency\/#\/schema\/person\/3bdf6b44e8ab66322fb1326f0aa1cb75"},"headline":"Core Web Vitals Update: Is your eCommerce store compliant?","datePublished":"2021-08-03T10:56:08+00:00","dateModified":"2024-04-04T11:37:37+00:00","mainEntityOfPage":{"@id":"https:\/\/magecloud.agency\/google-core-web-vitals-update\/"},"wordCount":3081,"commentCount":0,"publisher":{"@id":"https:\/\/magecloud.agency\/#organization"},"image":{"@id":"https:\/\/magecloud.agency\/google-core-web-vitals-update\/#primaryimage"},"thumbnailUrl":"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/07\/Google-Core-web-vitals-5.jpg","keywords":["core web vitals","eCommerce","google"],"articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/magecloud.agency\/google-core-web-vitals-update\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/magecloud.agency\/google-core-web-vitals-update\/","url":"https:\/\/magecloud.agency\/google-core-web-vitals-update\/","name":"Core Web Vitals Update: Is your eCommerce store compliant? - MageCloud","isPartOf":{"@id":"https:\/\/magecloud.agency\/#website"},"primaryImageOfPage":{"@id":"https:\/\/magecloud.agency\/google-core-web-vitals-update\/#primaryimage"},"image":{"@id":"https:\/\/magecloud.agency\/google-core-web-vitals-update\/#primaryimage"},"thumbnailUrl":"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/07\/Google-Core-web-vitals-5.jpg","datePublished":"2021-08-03T10:56:08+00:00","dateModified":"2024-04-04T11:37:37+00:00","description":"What are Google Core Web Vitals and how they can help to keep your website well-organized for users and improve your website's ranking?","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/magecloud.agency\/google-core-web-vitals-update\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magecloud.agency\/google-core-web-vitals-update\/#primaryimage","url":"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/07\/Google-Core-web-vitals-5.jpg","contentUrl":"https:\/\/magecloud.agency\/wp-content\/uploads\/2021\/07\/Google-Core-web-vitals-5.jpg","width":870,"height":400},{"@type":"WebSite","@id":"https:\/\/magecloud.agency\/#website","url":"https:\/\/magecloud.agency\/","name":"MageCloud","description":"MageCloud Portfolio","publisher":{"@id":"https:\/\/magecloud.agency\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/magecloud.agency\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/magecloud.agency\/#organization","name":"MageCloud","url":"https:\/\/magecloud.agency\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magecloud.agency\/#\/schema\/logo\/image\/","url":"https:\/\/magecloud.agency\/wp-content\/uploads\/2024\/05\/logo_5.png","contentUrl":"https:\/\/magecloud.agency\/wp-content\/uploads\/2024\/05\/logo_5.png","width":296,"height":52,"caption":"MageCloud"},"image":{"@id":"https:\/\/magecloud.agency\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/magecloud.net","https:\/\/x.com\/magecloud_net"]},{"@type":"Person","@id":"https:\/\/magecloud.agency\/#\/schema\/person\/3bdf6b44e8ab66322fb1326f0aa1cb75","name":"paulryazanov","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magecloud.agency\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/74686967d69e2becd9fc43261c37ef15?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/74686967d69e2becd9fc43261c37ef15?s=96&d=mm&r=g","caption":"paulryazanov"},"url":"https:\/\/magecloud.agency\/author\/paulryazanov\/"}]}},"_links":{"self":[{"href":"https:\/\/magecloud.agency\/wp-json\/wp\/v2\/posts\/6839"}],"collection":[{"href":"https:\/\/magecloud.agency\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/magecloud.agency\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/magecloud.agency\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/magecloud.agency\/wp-json\/wp\/v2\/comments?post=6839"}],"version-history":[{"count":0,"href":"https:\/\/magecloud.agency\/wp-json\/wp\/v2\/posts\/6839\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/magecloud.agency\/wp-json\/wp\/v2\/media\/6992"}],"wp:attachment":[{"href":"https:\/\/magecloud.agency\/wp-json\/wp\/v2\/media?parent=6839"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/magecloud.agency\/wp-json\/wp\/v2\/categories?post=6839"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/magecloud.agency\/wp-json\/wp\/v2\/tags?post=6839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}