Archived topic
Large layout shift
5 replies · Started by Dev on February 3, 2021
The large layout shift is making things slower on mobile. Please see the below image. Let me know how to improve.
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.
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.