CLS conflict with lazyload
-
I use your plugin and I am very pleased with it.
I use the lazyload function in the plugin.
Lately, there are errors I get in the google search console about the CLS (Cumulative Layout Shift).After checking it out, I discovered that there was a problem with multiple pages, with a CLS value = 0.41.
I realized that the problem was created by lazyload.In about 15 pages CLS = 0.41
In about 20 more pages CLS value = 0.25How can this be solved?
The page I need help with: [log in to see the link]
-
When checking that page in pagespeed insights lab data finds a CLS of .. 0 and field data for your entire site only sees 2% of CLS > .25
Now forgetting about exact numbers for a second; it would make sense to exclude e.g. your logo and other key “above the fold” images from being lazyloaded. maybe experiment with those lazyload exclusions?
looks like you’re using JS extensively for some parts of the page, compare your site with and without JS active:
The fact JS is changing the above the fold part of the page results in layout changes + as AO executes JS late that gets even worse. Ideally remove the need for JS for main elements of the above-the-fold page. Alternatively try excluding just the right JS from AO JS optimization to try to lessen the impact?
hope this helps,
frank
- The topic ‘CLS conflict with lazyload’ is closed to new replies.
