Something has happened in the past month or so - literally all of my Category & Product Pages now, according to Google, are Poor CLS.
I'm wondering what might have caused this but can't think of anything meaningful that happened for this to occur.
Any help here would be amazing. Thanks
The issue is caused by the CLS (Cumulative Layout Shift), wherein the pages do not load properly.
This means that the page is taking time to load because of the shift.
The shift can be in any section, image, or div. Because of this, the shifting takes place when the page gets loaded.
The solution for this is to fix the height of images and sections which are causing this issue. When animation is applied to any section, then this also happens, or sometimes, because of responsiveness the issue is generated.
You have to fix the height of every section, image, and heading so that there will not be any shifting when the page gets initial loading.
Hope it helps. Let us know if any further help is required.
All the best,
Thanks for the reply - I appreciate it a lot.
How do I determine what is the culprit here. Is this for sure images or content I've loaded or is this an issue with the shopify theme I'm using? I kind of don't even know where to start with this issue.
Hello, I tested the CLS on those pages from my end and they aren't amazing, but not nearly as bad as google is currently telling you.
I would recommend waiting a week or two to see if the numbers go down.
When the font for the announcement bar loads in there is a slight shift, and when the main logo loads there is another one, but its nothing terrible. (easily fixable if you want).
PS those are some cool tents.
The issue seems to have been going on for several weeks though so not sure if it's just a blip on the radar...
I'm actually wondering if this is caused by the chat function I installed (I swapped to a new chat function as part of our CRM rather than a standalone app we use previously)
Here's a screenshot just of the homepage loading right now on mobile - it's been a long time and the page is still loading & no chat icon has shown up as well....
Ah, your right! I did a test on the chatbot and there is a 0.84 Layout Shift when the message shows up from the chatbot.
I messaged my web performance nerd friends as I haven't seen something like this before, I'll follow up with you. It turned out to be a really interesting case that I wouldn't have expected.
Following up with this. I would recommend reaching out to the chatbot provider with a bug report and see if they are able to fix it. The way that the chat is interacting with the screen would be very diffucult to fix externally.
Or switch chat providers if the CLS is important to you.
Make the shift from discounts to donations, and witness your business not only thrive fina...By Holly Dec 4, 2023
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...By Arno Nov 27, 2023
You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...By Skye Nov 8, 2023