With Google paying more attention to core web vitals within the next few months, I'm wondering if anyone can help out.
According to Page Speed Insights, my product pages have a cumulative layout shift issue. Has anyone else got this problem and if so, what did you do to fix it?
I think it's to do with the images not being set to:
But I'm not 100% sure. And when I alter the sizes of the images they look awful.
Has anyone else got this problem? My store is built with Turbo, too.
Aibek is here from Speedimize.io
Check our special document where we explain everything regarding all metrics in Google Page Speed: https://speedimize.io/uploads/pagespeed_speeddimize.pdf
In simple words on how to improve CLS: "Simply reserve a place"
If you need help with Speed Optimization, we will be glad to help you.
Personally, no not yet, but that’s only because I’ve just not gotten round to it yet.
I do think it needs addressing but I wouldn’t sweat it too much. Google have a habit of announcing things like this (secure sites, fast loading etc) with the benefits being a minimal ranking factor then nothing at all because the majority have addressed the issue.
Can we talk buddy, I have a site you can help me with? I want it score high close to 0 CLS and others
Just to bring some light upon what actually is the CLS issue:
The CLS issue is essentially when you aim to click on object A, but then it moves away and you either click on object B or on nothing at all.
Here is a very short video made by Google showing how the CLS looks like on a website.
CLS can be caused by multitudinous reasons but, more often than not, it is caused by apps injecting code into your website and pushing things around after the website has been loaded.
I haven't tested it yet, but I find it unlikely that a Shopify theme out of the box will present any CLS issues. Therefore, I would take a look into the apps that you may be using and contact the respective developers.