Issue with CLS (Cumulative Layout Shift) only in Desktop site

359 Views Asked by At

Cumulative Layout shift of 0.437 on desktop site

I don't understand how this causes or how to fix this..

I tried a lot of things like Disabling all plugins, disabling cloudflare cache, etc... I did make sure that everything has width and height set in css and removed all possible transitions also..

When I disable cloudflare, CLS becomes greater than this.

But, Whenever I purge cache, I don't see any CLS in pagespeed but after sometime its back.. and CLS become 1 sec if i disable cloudflare altogether.

Website: https://irfanhabeeb.com Pagespeed: https://pagespeed.web.dev/report?url=https%3A%2F%2Firfanhabeeb.com%2Fios-custom-rom%2F&form_factor=desktop

CMS: Wordpress

CSS which causing CLS is <div id="content" class="site-content">

Help me fix it, I tried too many things till now, but nothing fixes this CLS Issue...

I tried disabling cloudflare cache, It makes the CLS even bigger

0

There are 0 best solutions below