Archived topic

High Cumulative Layout Shift (CLS) on Mobile - Is the menu at fault?

3 replies · Started by surfing on October 6, 2020

Viewing posts 1–4 of 4

October 6, 2020 at 12:28 am #1474094

Hello,

I'm having an issue with the Cumulative Layout Shift metric in Google PageSpeed Insights. On desktop the score is .027 which is great. However, on mobile it's .369. I have noticed that on mobile when I click Menu the entire page shifts down as the menu items are displayed. Can this be the cause of the relatively high CLS score on mobile? If yes, how do I fix it? Is there anything else on mobile that might be causing the high CLS?

Thanks

October 6, 2020 at 1:07 am #1474127

Hi there,

can you share a link to your site so i can take a look at what the issue is.

October 6, 2020 at 9:54 pm #1475723

I made the following change which didn't seem to help the CLS score.
Layout > Sticky Navigation > Sticky Navigation = "Mobile only" WAS set to "Off"

October 7, 2020 at 9:36 am #1476956

Hi there,

I believe the issue is that your logo and menu toggle are too close together.

What happens if you decrease the font size of the toggle or decrease the width of the logo?

This archived topic is closed to new replies.

Start building better websites today.