[Support request] Avoid Large Layout shifts

[Matias]

Hi all.
Im getting an Avoid Large layout shifts issues in Pagespeed insight and Gtmetrix in my website.
These DOM elements contribute most to the CLS of the page.

The 5 issues are from Elements Hook in home, nav menu, text in sidebar and load more post buttom.
How can I fix them?
Thanks

[David]

Hi there,

looks like the two most common issues we see:

1. The Logo is being Lazy Loaded, most lazy loaders provide an option to exclude images using a CSS Class – you can use is-logo-image

2. You have Critical CSS enabled on your site, unless you know how to manually write Critical CSS then you should disable this option.

[Matias]

Thanks for the answer
Where I disable critical css. Im using WP Rocket Plugin.
Should I disable any options in plugins?
Thanks

[David]

Its in the WP Rocket settings – see here:

https://docs.wp-rocket.me/article/1266-optimize-css-delivery

Its the Optimize CSS delivery option you want to disable.

[Matias]

Thank again
Im going to read it

[David]

You’re welcome

[Author]

Posts