Gabriel Torres Posted December 12, 2020 Posted December 12, 2020 Hi, We've been badly hit by the Google December 2020 Core Update: our traffic comming from Google dropped 20% starting December 4th, 2020. Investigating this further, I came across the Core Web Vitals, available at the Google Search Console, and our numbers are really bad there, especially for mobile. See screenshot below. I am wondering if you guys are seeing the same (meaning this is something to be improved in the IPS software itself) or if this is caused by our custom modifications such as advertisement/banners. Thanks in advance for any tips on this issue. sobrenome 1
Adlago Posted December 12, 2020 Posted December 12, 2020 Please share a link to your community for tests. AlexJ, sobrenome and SeNioR- 3
Gabriel Torres Posted December 12, 2020 Author Posted December 12, 2020 1 hour ago, Adlago said: Please share a link to your community for tests. Ops, forgot the most obvious... LOL https://www.clubedohardware.com.br Many thanks! 🙂 sobrenome 1
Adlago Posted December 12, 2020 Posted December 12, 2020 5 minutes ago, Gabriel Torres said: Ops, forgot the most obvious... LOL https://www.clubedohardware.com.br Many thanks! 🙂 For starters - eliminate all errors https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.clubedohardware.com.br%2F
Gabriel Torres Posted December 12, 2020 Author Posted December 12, 2020 @Adlago Thanks, will work on that and get back to you as soon as I finish this. Meanwhile, I was wondering if the CLS errors in Google Core Web Vitals were being thrown because of the IPS Lazy Loader feature.
Adlago Posted December 12, 2020 Posted December 12, 2020 1 minute ago, Gabriel Torres said: @Adlago Thanks, will work on that and get back to you as soon as I finish this. Meanwhile, I was wondering if the CLS errors in Google Core Web Vitals were being thrown because of the IPS Lazy Loader feature. No, that has nothing to do with it. The main delay in your site is long time FCP Your CLS is negligibly small. sobrenome, Maxxius and Gabriel Torres 2 1
Gabriel Torres Posted December 13, 2020 Author Posted December 13, 2020 (edited) 1 hour ago, Adlago said: For starters - eliminate all errors https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.clubedohardware.com.br%2F Fixed all that I could. There are still errors caused by: (1) Cloudflare's Rocket Loader (A script element with a src attribute must not have a type attribute whose value is anything other than the empty string, a JavaScript MIME type, or module). I am not sure if there is anything we can do about those. (2) Group Name Indicator plugin, which the developer has just fixed for us and we are waiting for approval at the marketplace. I will take a closer look at the FCP/LCP metrics tomorrow. Pointers are welcome. Thank you for your help! 🙂 Edited December 13, 2020 by Gabriel Torres sobrenome 1
Gabriel Torres Posted December 13, 2020 Author Posted December 13, 2020 It seems these FCP/LCP issues are being caused by the advertisement banners we have on our website. I made a few changes, but will continue investigating this further in the coming days. Thanks. sobrenome 1
Adlago Posted December 13, 2020 Posted December 13, 2020 7 hours ago, Gabriel Torres said: You will have some improvement in site loading speed if you use a preload font. Font awesome loads a file size of 75 kb and this creates a certain delay. Try and paste the code below, into your global template, after close the footer tag (</footer>) <link rel="preload" href="/applications/core/interface/font/fontawesome-webfont.woff2?v=4.7.0" as="font" type="font/woff2" crossorigin="anonymous"> sobrenome, SammyS and Gabriel Torres 2 1
Gabriel Torres Posted December 13, 2020 Author Posted December 13, 2020 (edited) @Adlago Many thanks for this tip, done that. I will investigate a little bit further every day, I made saveral small adjustments and fixes during this weekend. Let's wait and see how the metrics react to them. I was just wondering why adding the font awesome preload at the end of the page and not at the start... https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content Edited December 14, 2020 by Gabriel Torres sobrenome 1
Adlago Posted December 14, 2020 Posted December 14, 2020 9 hours ago, Gabriel Torres said: I was just wondering why adding the font awesome preload at the end of the page and not at the start... I have done too many experiments and analyzes. The location I mentioned for this preload link, at least in my community, provides the best speed-efficiency balance. Gabriel Torres 1
Gabriel Torres Posted December 14, 2020 Author Posted December 14, 2020 @Adlago Many thanks! It is great that I can enjoy your experience!
Fast Lane! Posted December 18, 2020 Posted December 18, 2020 I'm fairly certain the sidebars on the site are delayed when loaded causing CLS issues, largely on the desktop view. For ads just put a DIV around them with the size of the ad. That will fix the CLS issue.
Morgin Posted December 21, 2020 Posted December 21, 2020 Cloudflare Rocket Loader usually breaks IPS, as a heads up.
Gabriel Torres Posted December 21, 2020 Author Posted December 21, 2020 (edited) On 12/18/2020 at 7:11 PM, Fast Lane! said: I'm fairly certain the sidebars on the site are delayed when loaded causing CLS issues, largely on the desktop view. Thanks, the majority of errors are coming from mobile. On 12/18/2020 at 7:11 PM, Fast Lane! said: For ads just put a DIV around them with the size of the ad. That will fix the CLS issue. Yep, done that. That was exactly what was shifting the layout. Now I just need to wait until Google validate these changes. Thanks! 🙂 6 hours ago, Morgin said: Cloudflare Rocket Loader usually breaks IPS, as a heads up. Really? What do you mean by "breaks IPS" exactly? Could you be more specific? Because we are using Rocket Loader for quite some time now and haven't seen any issues with it. Edited December 21, 2020 by Gabriel Torres
Ryan Ashbrook Posted December 21, 2020 Posted December 21, 2020 24 minutes ago, Gabriel Torres said: Really? What do you mean by "breaks IPS" exactly? Could you be more specific? Because we are using Rocket Loader for quite some time now and haven't seen any issues with it. It can break the editor and cause it to not load in some cases. I'm not sure of the configuration options for Rocket Loader, so it may not be an issue for you. Every instance I've seen, disabling it resolved the issue. sobrenome, Gabriel Torres and SeNioR- 2 1
Gabriel Torres Posted December 21, 2020 Author Posted December 21, 2020 30 minutes ago, Ryan Ashbrook said: It can break the editor and cause it to not load in some cases. I'm not sure of the configuration options for Rocket Loader, so it may not be an issue for you. Every instance I've seen, disabling it resolved the issue. Thanks @Ryan Ashbrook for detailing what @Morgin mentioned. I will disable it "just in case". sobrenome 1
Morgin Posted December 21, 2020 Posted December 21, 2020 5 hours ago, Gabriel Torres said: Really? What do you mean by "breaks IPS" exactly? Could you be more specific? Because we are using Rocket Loader for quite some time now and haven't seen any issues with it. Yeah sorry! Horrible reply on my part. @Ryan Ashbrook covered one of the big issues I had which was that ckeditor would randomly fail to load or would load improperly so certain functions were disabled. I don’t know how to characterize it other than very weird and annoying bugs that didn’t happen every time so were hard to replicate, but always related to JavaScript. There were also times the entire site would just stop loading about halfway through initial paint so you were left with broken stylesheets etc. As soon as rocket loader was disabled, all of that went away sobrenome and Gabriel Torres 1 1
Gabriel Torres Posted December 22, 2020 Author Posted December 22, 2020 @Morgin Got it. As mentioned above, I disabled it. Thank you very much for coming back and detailing the issue! 🙂 sobrenome 1
AlexJ Posted December 26, 2020 Posted December 26, 2020 On 12/12/2020 at 5:35 PM, Adlago said: For starters - eliminate all errors https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.clubedohardware.com.br%2F Not to hijack but some help to me in your free time? I see lot of errors on mine and have zero idea from where it's coming. https://validator.w3.org/nu/?doc=https%3A%2F%2Ffearless-assassins.com
Adlago Posted December 26, 2020 Posted December 26, 2020 18 hours ago, AlexJ said: Not to hijack but some help to me in your free time? I see lot of errors on mine and have zero idea from where it's coming. https://validator.w3.org/nu/?doc=https%3A%2F%2Ffearless-assassins.com Contact the author of your theme - there are incorrectly used style elements.
AlexJ Posted December 26, 2020 Posted December 26, 2020 2 minutes ago, Adlago said: Contact the author of your theme - there are incorrectly used style elements. @Ehren - I am rookie in what Adlago is saying. Can you please check? Theme is Deflection and Elegant. Thank you Adlago and Ehren.
Ehren Posted December 27, 2020 Posted December 27, 2020 I've just tried viewing the validator URL but I'm seeing a "503 Service Unavailable" error.
Jock3r Posted December 27, 2020 Posted December 27, 2020 1 hour ago, Ehren said: I've just tried viewing the validator URL but I'm seeing a "503 Service Unavailable" error. Service seems to be down now
Gabriel Torres Posted December 28, 2020 Author Posted December 28, 2020 @AlexJ Please open your own topic; your question has nothing to do with my topic here. sobrenome 1
Recommended Posts