Cls warning - how to define loading of elements in x5? 
Author: Adrian B.
Visited 726,
Followers 1,
Shared 0
x5 pro 2021.1.4
My main home page is a header, an image object that is dynamic (i have tried gallery & swiper grid slider), a text object, a menu object, a fixed image object, footer, and some seperator objects (abthermal.com).
I have a bad CLS rating, always red from google. When I use chrome dev tools I can see the shift and it appears to be the loading of the top image object. I have tried using a simple fixed static image object which does improve the CLS rating considerably but it is still in the orange rating and not green. I want to use the gallery object.
Is there a way to set the loading order/sizing? I'm hoping that may fix problem.
Thank you
Posted on the
Hello. For experiment, remove the cookie message first. If it doesn't help, then remove the picture at the top of the site.
If the reason is cookie message - move this message down.
If the reason is in the picture, optimize it (example in the attachment) or try to hide it on mobile.
Author
Thank you Aleksej - Is there a way to force the loading order? From Lighthouse it shows that the first page first row image objects are making the largest shift as they load after the main text object. See attached
Author
Playing with hiding objects at the moment......
"Is there a way to force the loading order?" - I'm not sure about that. There is no such possibility in the program. Find a hosting with Google Mod PageSpeed and test it.
It seems these hosts have this module.First, write to their technical support.
https://www.siteground.com/
https://godaddy.com/
https://www.dreamhost.com/
https://www.fastcomet.com/