Archived topic
CLS failing on Mobile
3 replies · Started by V on March 3, 2023
Hi, I am having a huge headache figuring out why CLS is way over what it should be in GSC and getting worse. Desktop passes on each article, Mobile doesn`t pass at all. Cloudflare also shows pretty much all posts failing CLS:
Site: https://bit.ly/2r6B79H
DOM
Element
div#page.site.grid-container.container.hfeed
Layout Shifts
Previous
{ right: 1080, x: 0, left: 0, top: 0, y: 0, bottom: 1803, height: 1803, width: 1080 }
Current
{ right: 1080, x: 0, left: 0, top: 0, y: 0, bottom: 1803, height: 1803, width: 1080 }
I would appreciate any help pointing me in the right direction here...
thanks!
Hi there,
i ran a performance insight test on one of the posts. See here:
https://www.screencast.com/t/NdTZdOX4Ba
See in the network list, there is a ajax.cloudflare Javascript request. Which is the mirage.js script.
Notice how only the title is loaded before that script request happens.
And then it renders the rest of the content, presumably now ajax loaded, and the Layout Shift events occur.
Speak to cloudflare to find out what its doing.
Hi David,
I turned Mirage off in cloudflare and CLS is 0.
thank you for the help!
Glad to be of help!
