[Support request] Large layout shift

[Dev]

The large layout shift is making things slower on mobile. Please see the below image. Let me know how to improve.

http://prnt.sc/y5p2gp

[David]

Hi there,

one of the issues is you have a Logo in your Site Identity Retina Logo that is not loading, remove that logo or replace it with another image ( if it the field is empty ).

[Dev]

Hello,

I added the image in the retina option. But still, the issue is the same. Please let me know how to get rid of this whole 4 layout shits completely.

https://prnt.sc/ya113g

[David]

Simplest fix is to add a more Mobile Friendly logo to your Mobile Header.
The delay in it being loaded is causing the reflow. If you added a less wide logo then the issue would pass.

[Dev]

Hello,

Thanks. What about the other 3 issues?

[David]

What other issues ? If you mean the CLS elements then they are all related, Page Speed insights CLS shows you the elements being affected by CLS – NOT the cause of CLS. So if your logo loads late, it forces the nav height to expand, which in turn forces the content below it to shift.

[Author]

Posts