Site logo

Archived topic

Large layout shift

5 replies · Started by Dev on February 3, 2021

Viewing posts 1–6 of 6

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

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 ).

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

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.

Hello,

Thanks. What about the other 3 issues?

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.

This archived topic is closed to new replies.