Archived topic
CLS problems
3 replies · Started by Neil on May 21, 2021
Hi, I'm experiencing CLS problems (using Lighthouse), mostly with grid containers like the following:
- div#page.site.grid-container.container.hfeed
- div.inside-navigation.grid-container
Apart from the CLS, the pages pass the Google page experience tests. I've read through some threads on this forum with similar issues, but still can't figure out what is wrong with my pages (examples provided in private information area).
Thanks in advance for any help!
Hi there,
oddly the Page Speed Insights tests i ran don't shown any CLS.
Yet under a dev tools performance test - i can see the logo is being loaded after the content.
Looking at the logo - the HTML is being updated by the webP express plugin - is it possible to disable that function on the logo ? It may provide an option to exclude by CSS class - if thats the case then you can use is-logo-image ...
Hi, I tried (rather unsuccessfully) to exclude it from WebP Express, so in the end, I replaced it with an SVG, which doesn't get converted. I think this did the trick - no CLS showing in Lighthouse now.
Thanks so much for your help!
Well thats a good solution! Glad to be of some help
