Hi –
I can’t seem to solve for a CLS on my home page. I turned off caching and lazy loading temporarily, but that didn’t seem to do the job. They are back on.
These are the layout shifts causing the issue:
div.container.av-section-cont-open
div.container.av-section-cont-open
img.wp-image-10658.avia-img-lazy-loading-not-10658.avia_image
img.wp-image-19005.avia-img-lazy-loading-not-19005.avia_image
div#av_section_4.avia-section.av
Hey tsays,
Thank you for the inquiry.
Based on the Pagespeed Insights dev report, these are our recommendations.
— Enable image lazy loading. This can be done by enabling the Enfold > Performance > Responsive Images and Lazy Loading > Lazy Loading option.
— Disable the animation for the element containing the “Award-Winning Public Relations for Emerging Industries and Ambitious Brands” text. This should improve the CLS and LCP scores.
— Test different compression or minification plugins, or use the default options in the theme.
— The initial server response time is not ideal — upgrading the server should help.
— Reduce the size of the images further and make sure they are compressed.
— Install a cache plugin if you haven’t done so.
Best regards,
Ismael