Site logo

[Support request] CLS issue – P div shifting

Home Forums Support [Support request] CLS issue – P div shifting

Home Forums Support CLS issue – P div shifting

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #2597724
    Ivaylo

    Hi,
    I have been getting terrible results lately with CLS. I’m using Ezoic as an ad management and after numerous support chats with them, they insisted it is not from their ads, but P div that is causing the shift. Could you please check the URLs and let me know if P div is the culprit? They insist P div should have defined height and width in order to not cause CLS.

    Thanks

    #2597988
    David
    Staff
    Customer Support

    Hi there,

    i tested the first URL on page speed insights and it returns 0 CLS on Mobile and Desktop.
    So on load there is no CLS. I assume you’re seeing this reported in the google console ? And is therefore part of CRUX reporting, so its happening to users after page is loaded.

    Is that correct?

    As a general note: a p or div or any HTML elements are never the cause of CLS. And adding a defined width or height is only necessary if you want to constrain its size. When CLS gets reported they identify the HTML elements that were shifted and not thing that caused the CLS.

    #2598018
    Ivaylo

    Thanks David. Yes, I’m seeing these results from the GSC, but if users are experiencing this than it should be fixed.
    I have added another example in the private section to see what I mean.
    I’m also attaching a screenshot from the same URL test:

    #2598027
    Ivaylo

    One more example in the private section:

    #2598244
    David
    Staff
    Customer Support

    Of course it needs to be fixed if we want to keep google happy 🙂 Just needed to ascertain when and where the CLS occurs.

    So thanks for the URL that is showing CLS on load. As that helps track that issue.
    See here:

    2023-04-05_16-40-33

    I noticed the gap on your pagespeed report changing in size.
    So i checked that page, and a advert placeholder element with a min-height of 50px is first loaded on the page, which is later filled with a 300px iframe….

    Which would result in CLS.

    There are some other things on the site that are causing small layout shifts, but you may want to address the above first.

    #2603649
    Ivaylo

    Thanks, David!

    I have removed the ad in question on mobile and it looks like CLS is starting to improve. I’m waiting for Ezoic to either fix this ad or keep it from showing.

    You are talking about some other small layout shifts that must be fixed. Could you please let me know what these are so I can take action accordingly?

    Thanks again!

    #2603843
    David
    Staff
    Customer Support

    I ran a couple of more posts through a test and none of them now show any layout shifts on load. Which is good.
    For now i think you’re fine as long as Ezoic and fix their ad insertion issues.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.