Site logo

Archived topic

Mobile CLS issues

7 replies · Started by Prajwal on July 5, 2021

Viewing posts 1–8 of 8

Hi team,

I am trying to figure out why I am seeing the CLS issue on mobile. The issue is not for all posts but some, atleast I think. But there is no difference with those posts and the newly published posts.
GTmetrix tests show all good but pagespeedinsights flag the CLS issue on mobile.

Hi there,

unfortunately i cannot see any issues with either of those posts when i run my own performance tests, which reflect the Lab Data values of 0

As the Field Data has a CLS value, this applies to that particular post ( Whereas Origin Summary applies to ALL posts across that domain ) - it does mean that google is picking something up from real user experience. But i cannot see what, there are no adverts loading or popups that i can see on my browser that could be the cause.

Hi David, even I am clueless about the CLS issue.

Generally Field Data CLS only occurs if there is other non-user actioned content being inserted into the page after initial load ( adverts, pop ups etc ). But i cannot see any on your site.

The only thing that stands out is that you're using CSS to hide the Mobile Navigation. ie. this:

@media (max-width: 768px) {
    nav#site-navigation {
        display: none;
    }
}

Theres a risk that the page is being rendered before that gets applied, which would lead to CLS

Hi David, I thought menu and logo is causing the CLS issue on mobile so tried testing it by disabling the header.

I think you may just be seeing legacy data in the Origin Summary / Field Data. Its an accumulation of the last 28 days.
As the Lab Data is 0 and all the performance tests i ran don't have any CLS issues you should see the Field Data update to 0.

I am thinking the same. I will probably wait for a month and see if the CLS value changes.

Let us know if its still an issue.

This archived topic is closed to new replies.