Content Layout Shift

  • Resolved mitchellk

    (@mitchellk)


    3 years, 11 months ago

    Pagespeed Insights is giving me the run around. Sometimes I test and CLS is 0 for both desktop and mobile and other times it says there is a layout shift. Under avoid large layout shifts it shows my catalog page rows and mentions wishlist but I’m not sure if it is the wishlist or something else shifting in the product layout. Latest Chrome 90.xxx is also missing the Experience section so I’ve tried to diagnose this and am no further at identifying the cause.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Antonio La Rocca

    (@therock130)

    Hi there

    I run a quick audit on your shop page with Lighthouse, but I couldn’t find any CLS problem

    Here you can see test for desktop devices (CLS < 0.001, no reference to Wishlist in “Avoid large layout shifts” section) while here you’ll find mobile test (CLS 0)

    Thread Starter mitchellk

    (@mitchellk)

    Hi Antonio, my apologies I forgot to update this. Yes indeed all the layout shifts are gone. It turns out the problem is with Bunny CDN the moment I turn the CDN on I get layout shifts up to 0.8 so I have Bunny disabled. I think one or more CSS files needs to be bypassed through the CDN but it kinda defeats the object as my scores are higher with it turned off. Go figure but you can close this, many thanks.

    • This reply was modified 3 years, 11 months ago by mitchellk.
    Plugin Support Antonio La Rocca

    (@therock130)

    Sounds like some FOUC, but I’m not sure
    Anyway, I’m happy to hear that you tracked the issue down

    I’ll mark this topic as solved, but feel free to open a new one any time ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Content Layout Shift’ is closed to new replies.