- This topic has 14 replies, 3 voices, and was last updated 4 months ago by
David.
-
AuthorPosts
-
September 18, 2020 at 5:33 am #1448503
Henry Bowman
Google search console on Sept 1st found a new CLS issue on our desktop version only. This seems to be stemming from the lastest or second to latest update on the generate press theme. We have tried to play with some of the new stuff to fix the error, but to date we can not figure out what is causing this one issue.
Agg. CLS 0.25
Cumulative Layout Shift 1.882- h.k. Bowman
September 18, 2020 at 7:43 am #1448671David
StaffCustomer SupportHi there,
can you provide a link to your site so we can see what the issue is
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 18, 2020 at 10:43 am #1449039Henry Bowman
sure
- h.k. Bowman
September 18, 2020 at 1:44 pm #1449235Tom
Lead DeveloperLead DeveloperHi there,
My guess is that image at the top lazy loading is causing the issue.
Your lazy loading plugin should have the ability to ignore certain images if set that way – can you try making it so that image (or any image above the fold) is ignored?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 18, 2020 at 2:39 pm #1449293Henry Bowman
well yes we were looking at the headed background as well. We are using Rocket and it’s had updates every other day for weeks. We have had the same background image for over a year, with no modifications on the customizer.
I know we can adjust the lazy load on the page, but I’m not sure if we can single out one image.- h.k. Bowman
September 18, 2020 at 2:44 pm #1449295Henry Bowman
Yes currently the problem is that the image is on every page of the site because it’s the background header typically only edited in the Generate press customizer, which WP-Rocket is not part of.
- h.k. Bowman
September 18, 2020 at 2:55 pm #1449300David
StaffCustomer SupportHi there,
looking at the page speed insight report under the Avoid large layout shifts – all elements listed are the Woocommerce Blocks.
To see whats going on with them, open the page in Chrome, right click inspect to open browser developer tools.
Go to Network Tab – change it fromOnline
toSlow 3G
.
Refresh the page you will see when the page first loads there is a much large space then required that gets filled later by the Woo blocks.This looks to be related to the lazyloader – its miscalculating the image sizes. You may want to ask WP Rocket what can be done to resolve that.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 18, 2020 at 3:06 pm #1449304Henry Bowman
Well a few weeks ago we ditched the sliders because they were wrecking our mobile score and we replaced them with the product blocks. we just turned off the lazy load function site wide and our score is in the 99% for mobile and desktop, BUT the CLS stat is still flagging an error in search console and in page speed insights even though our over all score is near perfect.
- h.k. Bowman
September 19, 2020 at 3:53 am #1449693David
StaffCustomer SupportCan you disable the Critical CSS option in WP Rocket.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 19, 2020 at 6:06 am #1449803Henry Bowman
They don’t have a way to do that listed. Of course our overall score for mobile and desktop has never been this good, so we hate to loose that.
IS there maybe a way to set the header background size differently so it doesn’t cause the CLS?- h.k. Bowman
September 19, 2020 at 6:21 am #1449814David
StaffCustomer SupportThe main issue is NOT the Header its the resizing of the Woo Blocks.
Critical CSS is an option explained here:https://docs.wp-rocket.me/article/1266-optimize-css-delivery
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 19, 2020 at 6:33 am #1449821Henry Bowman
down the rabbit hole we go…lol Turning off the Optimize CSS delivery does help the CLS but it then creates slower First Contentful Paint (FCP), Largest Contentful Paint.
But what is more interesting is that on many of the other pages being flagged for the CLS, other than the home page, for example single product pages, there are no woo blocks and they still have the poor CLS speed
- h.k. Bowman
September 19, 2020 at 7:27 am #1449868David
StaffCustomer SupportYeah i really wish optimization plugins stopped overselling one click features. Critical CSS is not something that can be ‘auto’ added it really is a nightmare.
On that note – i am still seeing Critical CSS on that Product. Try clearing caches.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 19, 2020 at 12:43 pm #1450278Henry Bowman
Yes, we re-enabled the critical CSS site wide, but the good news is that you can disable it per page, individually. We cleared the cache on that product page and disabled the Critical CSS. The page speed insights however did not improve much that we could see.
- h.k. Bowman
September 19, 2020 at 5:03 pm #1450404David
StaffCustomer SupportWell there is still significant CLS on the Woo single product related to the Product carousel thumbnails being loaded after the first content paint. I think it may be best you talk with WP Rocket support as something in its settings thats deferring or combining codes is messing stuff up.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.