{"id":28091,"date":"2021-04-22T00:25:12","date_gmt":"2021-04-22T07:25:12","guid":{"rendered":"https:\/\/alejandrorioja.com\/?p=28091"},"modified":"2023-10-13T17:07:46","modified_gmt":"2023-10-14T00:07:46","slug":"how-to-fix-cls-issues-on-search-console","status":"publish","type":"post","link":"https:\/\/alejandrorioja.com\/how-to-fix-cls-issues-on-search-console\/","title":{"rendered":"Top Tips To Fix CLS Issues On Search Console"},"content":{"rendered":"\n<p>We know that core web vitals and the components to measure them are super important and they play quite a crucial role when Google overhauls its search algorithm. But, not everything is perfect; there are times that Google Search Console has issues.\u00a0<\/p>\n\n\n\n<p>Google is obviously working to improve its user\u2019s experience. That includes the creation of Google Search Console &#8211; the holy grail of web admins, SEOs, marketing professionals, and designers.\u00a0 Google\u2019s new <a href=\"https:\/\/alejandrorioja.com\/seo-tools\/\" class=\"rank-math-link\">online tools<\/a> and metrics have pushed webmasters to continuously improve driving the developers to be super proactive when it comes to fixing errors.<\/p>\n\n\n\n<p>Today, I am talking about one of three metrics of Google Search Console, the CLS.\u00a0I often receive questions about the drop in website traffic where the users get the error message that looks like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1802\" height=\"756\" src=\"https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/image-5-3.png\" alt=\"Fix CLS Issues In Search Console\" class=\"wp-image-28134\" srcset=\"https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/image-5-3.png 768w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/image-5-3.png 1536w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/image-5-3.png 770w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/image-5-3.png 20w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/image-5-3.png 385w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/image-5-3.png 1540w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/image-5-3.png 300w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/image-5-3.png 600w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/image-5-3.png 1802w\" sizes=\"(max-width: 1802px) 100vw, 1802px\" \/><\/figure>\n\n\n\n<p>CLS plays a vital role in the Google search algorithm, and there are times that it has performance-related issues.<\/p>\n\n\n\n<p>So sit down, put your google game face on and prepare to learn about CLS, its measurements, and how to fix the issues.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"flex-video widescreen youtube\"><iframe loading=\"lazy\" title=\"How To Fix Core Web Vitals Error In Google Search Console || CLS & LCP Issue Fixed\" width=\"1170\" height=\"658\" src=\"https:\/\/www.youtube.com\/embed\/mXX9M7Ffrkk?feature=oembed&showinfo=0&rel=0&modestbranding=1&iv_load_policy=3&playsinline=1&enablejsapi=1\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">CLS: The Background<\/h2>\n\n\n\n<p>Cumulative Layout Shift or CLS is the page speed metric of Core Web Vitals of Google. It has to do with the objects or things loading at various times.&nbsp;<\/p>\n\n\n\n<p>It measures the amount of page content shifts during a page\u2019s loading time or when the viewer is scrolling. It causes the content to bounce around that can affect the <a href=\"https:\/\/yoast.com\/what-is-ux\/\" target=\"_blank\" rel=\"noopener\">user\u2019s experience<\/a>.&nbsp;<\/p>\n\n\n\n<p>Most people have become obsessed with <a href=\"https:\/\/alejandrorioja.com\/how-to-optimize-your-website-speed\/\">page speed<\/a>, and for a good reason. Users do not enjoy the wait.<\/p>\n\n\n\n<p>These practices are excellent in ensuring that the pages will load quicker, but there are adverse effects. Parts on the page will be going out of order. It will cause the content to appear on the page randomly.&nbsp; Many experience such problems when they\u2019re on google, and your sites are no exception.<\/p>\n\n\n\n<p>For example, some have gone to websites that start to load, and the primary screen view begins to bounce around. At the same time, some objects will load faster than others.<\/p>\n\n\n\n<p>On the other hand, there are times when you\u2019re skimming through the website\u2019s content. All of a sudden, a video, image, or advertisement above the content started to load.&nbsp;<\/p>\n\n\n\n<p>It pushes down the content that you\u2019re reading and disrupts your reading time. If you pressed something by mistake instead of scrolling down, it could be the worst-case scenario.<\/p>\n\n\n\n<p>Whether it is the first case or another, you won\u2019t have a pleasant time browsing the web. That\u2019s the reason why Google is letting us fix it: to make it a part of their page experience algorithm.<\/p>\n\n\n\n<p>Relevant: Also read how to fix LCP issues on search console <a href=\"https:\/\/alejandrorioja.com\/how-to-fix-lcp-issue-on-search-console\/\" class=\"rank-math-link\">here<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Measuring the CLS<\/h2>\n\n\n\n<p>Google provides tools to gather data on the CLS in a site. The arsenal of all webmasters is the Google Search Console.<\/p>\n\n\n\n<p>If a person is registered in Google Search Console, you\u2019ll receive a notification or alert that person under Core Web Vitals. Specifically in the time where the pages are not loading or get an alert about your CLS.&nbsp;<\/p>\n\n\n\n<p>When this happens, it is better to list down the pages that are failing CLS. Here is the Google Search Console of my website alejandrorioja.com<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1994\" height=\"1098\" src=\"https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/image-6-1.png\" alt=\"\" class=\"wp-image-28135\" srcset=\"https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/image-6-1.png 768w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/image-6-1.png 1536w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/image-6-1.png 770w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/image-6-1.png 20w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/image-6-1.png 385w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/image-6-1.png 1540w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/image-6-1.png 300w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/image-6-1.png 600w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/image-6-1.png 1994w\" sizes=\"(max-width: 1994px) 100vw, 1994px\" \/><\/figure><\/div>\n\n\n\n<p>However, you still have to use different tools to test your pages for CLS.<\/p>\n\n\n\n<p>The following instrument that measures a CLS is PageSpeed Insights. You can also get <a href=\"https:\/\/www.magnet4blogging.net\/lighthouse-tool\/\" target=\"_blank\" rel=\"noopener\">Lighthouse, a tool that empowers PageSpeed Insights<\/a>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">PageSpeed Insights<\/h2>\n\n\n\n<p>PageSpeed Insights is all about the \u201cLab Results\u201d; that\u2019s what they call them. Also, when PSI visits a page, it observes the CLS.<\/p>\n\n\n\n<p>Usually, PSI measures the first screen view only. That\u2019s why it might not help in fully debugging the CLS.<\/p>\n\n\n\n<p>In PageSpeed Insights, there are results labeled \u201cField Data\u201d and \u201cOrigin Summary.\u201d It shows if a page has enough visitors.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1433\" height=\"815\" src=\"https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/psi-1.png\" alt=\"The data shows the real-world user experience with CLS and the different Web Vital Metrics using CrUX live.\" class=\"wp-image-28100\" srcset=\"https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/psi-1.png 768w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/psi-1.png 770w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/psi-1.png 20w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/psi-1.png 385w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/psi-1.png 300w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/psi-1.png 600w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/psi-1.png 1433w\" sizes=\"(max-width: 1433px) 100vw, 1433px\" \/><figcaption>Source: searchenginejournal.com<\/figcaption><\/figure><\/div>\n\n\n\n<p>The data shows the real-world user experience with CLS and the different Web Vital Metrics using CrUX live.<\/p>\n\n\n\n<p>People are wondering how they will emulate that?<\/p>\n\n\n\n<p>Well, Google presents the chrome extension called Web Vitals. It can help a person to measure CLS while browsing the website.<\/p>\n\n\n\n<p>You can try out objects at different speeds while you scroll using other connections. It is to see it can be replicated any CLS problems happening.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fixing the CLS Issues<\/h2>\n\n\n\n<p>Assuming you\u2019ve understood the causes of CLS and how to measure it, here are some ways to resolve these problems.<\/p>\n\n\n\n<p>It will need the basics of <a href=\"https:\/\/alejandrorioja.com\/technical-seo-audit\/\">technical knowledge<\/a>, but you have to know the common causes to get you started.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3rd-Party JavaScript<\/h3>\n\n\n\n<p>It is essential to know what usually causes CLS. So, if you\u2019re using third-party JavaScript, it could give things like similar content, share buttons, and so on.&nbsp;<\/p>\n\n\n\n<p>These are the things that can result in CLS as they load. It\u2019s because JavaScripts load in a different order.&nbsp;<\/p>\n\n\n\n<p>Some components will add images and icons to your page after some parts are done loading. You can identify the third-party script on a page using Chrome DevTools, PageSpeed Insights, and WebPage Test.<\/p>\n\n\n\n<p>To fix this issue, you have to push the third-party JavaScript visual elements. You can move this under the first screen view.<\/p>\n\n\n\n<p>The lower part of the page has more time to finish loading before the user can go there. Thus, it can avoid a possible shift in the layout.<\/p>\n\n\n\n<p>Pre-defining the object\u2019s height before the JavaScript runs is another solution for this issue. That will also help you reach the 3rd-party responsible for the JavaScript.<\/p>\n\n\n\n<p>It will encourage you to ask them to fix it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Deferred or Lazy Loading<\/h3>\n\n\n\n<p>Website owners have had problems with laziness or defer loading. Lazy loading can cause an evident shift because of the element\u2019s delayed loading time.<\/p>\n\n\n\n<p>The answer lies in making sure that the plugins can define a placeholder. Specifying a placeholder can replace it once it loads.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Asynchronous Fonts and CCS<\/h3>\n\n\n\n<p>WordPress optimization plugins use asynchronous loading for your CSS once it is done. Yo removes the \u201crender-blocking,\u201d the things that usually prevent a site from loading well.<\/p>\n\n\n\n<p>On the other hand, if the site starts to load, some things will flash on the screen.&nbsp; You most likely need to fix any optimization plugins you\u2019ve used.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">FOIT and FOUT<\/h3>\n\n\n\n<p>The fancy google fonts can cause FOIT and FOUT on the page. The thing is, people wouldn\u2019t know that it can cause any problem.<\/p>\n\n\n\n<p>So, for those that are wondering, what are FOIT and FOUT?<\/p>\n\n\n\n<p>FOIT or Flash of Invisible Text is the element that uses a font that a browser needed from a web server. So, you can hide the font until all the font assets have been downloaded.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/wvdrILj9MiQQKN3sKi2mU3HcMqlQjP4KnkPeVQ0mMlkMd2pRb4Ke5_e3bytSHr04y7SmJ6RpiEaZx5dq4zw7PEyDPWRqeyI86SSrLZZiUoImAXCyylWvnuHldBjnf8RTVD9B99Wf\" alt=\"CLS in search engine console\"\/><figcaption>Source: datadab.com<\/figcaption><\/figure><\/div>\n\n\n\n<p>On the other hand, FOUT or Flash of Unstyled Text happens when a browser displays a fallback font. That will occur in a font stack until the custom font loads.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/UeUOz24TtiP8f2axwDg8h2sIAZ8a89yGAfY4Oif1mKlY9Auh3BQjuRQ2OOu4oUWBkaCKdBtSnNLopI-Fv9FrXagbcZFaKmxKLnSjaInQNFKW7ZVuiuS4mNQOsnp_QV_Dxja-BoAe\" alt=\"\"\/><figcaption>Source: datadab.com<\/figcaption><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>You can use Lighthouse in identifying what is causing CLS. If the fonts are at fault, there are some fixes in dealing with them.<\/p>\n\n\n\n<p>You can use the font: display values. A person can minimize the effects by using font: display like swap, auto, block, optional and fallback.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1231\" height=\"629\" src=\"https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/0-2abIoa1gMGb6SDd6.jpg\" alt=\"\" class=\"wp-image-28104\" srcset=\"https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/0-2abIoa1gMGb6SDd6.jpg 768w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/0-2abIoa1gMGb6SDd6.jpg 770w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/0-2abIoa1gMGb6SDd6.jpg 20w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/0-2abIoa1gMGb6SDd6.jpg 385w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/0-2abIoa1gMGb6SDd6.jpg 300w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/0-2abIoa1gMGb6SDd6.jpg 600w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/0-2abIoa1gMGb6SDd6.jpg 1231w\" sizes=\"(max-width: 1231px) 100vw, 1231px\" \/><figcaption>Source: datadab.com<\/figcaption><\/figure>\n\n\n\n<p>However, you want to make sure that there will be no layout shifting coming out all of a sudden. You can use the font: display in conjunction with link rel=preload like in the picture shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"928\" height=\"633\" src=\"https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/0-8UWMLoraCCj1P0CB.jpg\" alt=\"\" class=\"wp-image-28105\" srcset=\"https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/0-8UWMLoraCCj1P0CB.jpg 768w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/0-8UWMLoraCCj1P0CB.jpg 770w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/0-8UWMLoraCCj1P0CB.jpg 20w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/0-8UWMLoraCCj1P0CB.jpg 385w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/0-8UWMLoraCCj1P0CB.jpg 300w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/0-8UWMLoraCCj1P0CB.jpg 600w, https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/0-8UWMLoraCCj1P0CB.jpg 928w\" sizes=\"(max-width: 928px) 100vw, 928px\" \/><figcaption>Source: datadab.com<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Adding Dimensions on Embeds and Ads<\/h3>\n\n\n\n<p>Ads are the most significant contributors to layout shifts. <a href=\"https:\/\/en.ryte.com\/wiki\/Ad_Network\" target=\"_blank\" rel=\"noopener\">Ad networks and publishers<\/a> support dynamic ad sizes.<\/p>\n\n\n\n<p>Ad sizes are the one who improves the efficiency and revenue. However, because of the ads pushing down the visible content a user is viewing, it can affect the viewing experience.<\/p>\n\n\n\n<p>The result of this has a suboptimal user experience. On the brighter side, some steps can decrease the high CLS because of the ads.<\/p>\n\n\n\n<ol><li>It is crucial to reserve a space on your page for an ad slot. It is to estimate the size before you can load the ad tag library.<\/li><li>Ensure that the slot size is correct to avoid having shifts when you put advertisements in the content flow. When the page is loaded, the ads will avoid triggering the layout shifts.<\/li><li>Take extra care if you put non-sticky ads closer to the top of the viewport.<\/li><li>Do not collapse the allocated space when the placeholder didn\u2019t show ads even though the ad slot is available.<\/li><li>You can avoid having layout shifts if you reserve an ad slot with a wide duration.<\/li><li>You can also use some historical data to know and choose the right size for the ad lot.<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Final Thoughts<\/h2>\n\n\n\n<p>There\u2019s a lot of difference in living in the digital age compared to the other periods. There are a lot of things we discover and help us in our daily lives.<\/p>\n\n\n\n<p>However, it is not perfect. There are trial and error and a lot of problems before being able to use it.&nbsp;<\/p>\n\n\n\n<p>Even to the day when people can finally use it, there will be issues.\u00a0The good thing is people can fix it on their own.<\/p>\n\n\n\n<p>Many helpful tips can be seen on the internet in fixing things out, like the issues in CLS.<\/p>\n\n\n\n<p>Loved this post? Check out the articles below!<\/p>\n\n\n\n<p>SEO Guide for 2021: A Complete Guide to Rank First on Google (alejandrorioja.com)<\/p>\n\n\n\n<ul><li><a href=\"https:\/\/alejandrorioja.com\/seo-tips\/\" class=\"rank-math-link\">Your best SEO guide for 2021<\/a><\/li><li><a href=\"https:\/\/alejandrorioja.com\/increase-alexa-rank\/\" class=\"rank-math-link\">How to increase Alexa ranking quickly?<\/a><\/li><li><a href=\"https:\/\/alejandrorioja.com\/how-to-optimize-your-website-speed\/\" class=\"rank-math-link\">How to optimize your website speed?<\/a><\/li><\/ul>\n\n\n\n<p>Comment down below the things you learned today! Feel free to share something that we didn\u2019t mention in the article!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We know that core web vitals and the components to measure them are super important and they play quite a crucial role when Google overhauls its search algorithm. But, not everything is perfect; there are times that Google Search Console has issues.\u00a0 Google is obviously working to improve its user\u2019s experience. That includes the creation&hellip;<\/p>\n","protected":false},"author":1,"featured_media":28140,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","om_disable_all_campaigns":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[115],"tags":[],"lang":"en","translations":{"en":28091},"uagb_featured_image_src":{"full":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",1200,675,false],"thumbnail":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",128,72,false],"medium":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",1200,675,false],"medium_large":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",768,432,true],"large":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",1200,675,false],"1536x1536":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",1200,675,false],"2048x2048":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",1200,675,false],"post-thumbnail":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",80,75,true],"goodlife-thumbnail":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",80,75,true],"goodlife-grid":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",320,270,true],"goodlife-latest":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",320,225,true],"goodlife-latestshort":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",320,170,true],"goodlife-vertical":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",320,420,true],"goodlife-gallery":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",320,150,true],"goodlife-galleryvertical":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",320,350,true],"goodlife-poststyle1":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",770,433,true],"goodlife-thumbnail-small":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",40,150,true],"goodlife-thumbnail-2x":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",160,150,true],"goodlife-thumbnail-mini":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",20,18,true],"goodlife-grid-small":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",160,540,true],"goodlife-grid-2x":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",640,540,true],"goodlife-grid-mini":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",20,16,true],"goodlife-latest-small":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",160,450,true],"goodlife-latest-2x":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",640,450,true],"goodlife-latest-mini":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",20,14,true],"goodlife-latestshort-small":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",160,340,true],"goodlife-latestshort-2x":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",640,340,true],"goodlife-latestshort-mini":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",20,10,true],"goodlife-vertical-small":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",160,675,true],"goodlife-vertical-2x":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",640,675,true],"goodlife-vertical-mini":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",20,26,true],"goodlife-gallery-small":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",160,300,true],"goodlife-gallery-2x":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",640,300,true],"goodlife-gallery-mini":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",20,9,true],"goodlife-galleryvertical-small":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",160,675,true],"goodlife-galleryvertical-2x":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",640,675,true],"goodlife-galleryvertical-mini":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",20,21,true],"goodlife-poststyle1-small":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",385,217,true],"goodlife-poststyle1-2x":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",1200,675,false],"goodlife-poststyle1-mini":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",20,11,true],"woocommerce_thumbnail":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",300,169,true],"woocommerce_single":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",600,338,true],"woocommerce_gallery_thumbnail":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",100,100,true],"web-stories-poster-portrait":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",640,360,false],"web-stories-publisher-logo":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",96,54,false],"web-stories-thumbnail":["https:\/\/alejandrorioja.com\/wp-content\/uploads\/2021\/04\/How-To-Fix-CLS-Issue-On-Search-Console.png",150,84,false]},"uagb_author_info":{"display_name":"Alejandro Rioja","author_link":"https:\/\/alejandrorioja.com\/author\/alerioja\/"},"uagb_comment_info":0,"uagb_excerpt":"We know that core web vitals and the components to measure them are super important and they play quite a crucial role when Google overhauls its search algorithm. But, not everything is perfect; there are times that Google Search Console has issues.\u00a0 Google is obviously working to improve its user\u2019s experience. That includes the creation&hellip;","pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/alejandrorioja.com\/wp-json\/wp\/v2\/posts\/28091"}],"collection":[{"href":"https:\/\/alejandrorioja.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alejandrorioja.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alejandrorioja.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alejandrorioja.com\/wp-json\/wp\/v2\/comments?post=28091"}],"version-history":[{"count":0,"href":"https:\/\/alejandrorioja.com\/wp-json\/wp\/v2\/posts\/28091\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alejandrorioja.com\/wp-json\/wp\/v2\/media\/28140"}],"wp:attachment":[{"href":"https:\/\/alejandrorioja.com\/wp-json\/wp\/v2\/media?parent=28091"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alejandrorioja.com\/wp-json\/wp\/v2\/categories?post=28091"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alejandrorioja.com\/wp-json\/wp\/v2\/tags?post=28091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}