Hi, I have recently moved to using the Impulse theme for my jewellery store. Google Search Console is reporting that c140 of my c700 product pages have a CLS of more than 0.25s - actually around 0.5s. Google classifies these pages as Poor and their search performance may therefore be affected.
PageSpeed Insights reports the following for CLS:
<div class="grid__item medium-up--one-half"> appears to be contributing to the bulk of the CLS time. I'm not a proficient coder so I wondered if anyone has experienced this before and has a suggestion to fix?
Please dont respond with offers of paid help - I already have a preferred developer but wanted to attempt fixing this myself.
The only real solution to most CLS issues is to avoid using multi-columns that stack when it switches to mobile etc, It doesn't massively affect your times from the look of your screenshot. As long as the page loads quickly on desktop and mobile and is responsive I wouldn't be too worried.
Found this guide online which may help if you find any other CLS issues:
It's tough to say exactly what's driving the CLS issue on this element without being about to see the whole HTML document (drop a link, happy to take a quick look).
As you are aware that good speed scores are important for better conversion and sales.
To prevent CLS issues in the store you can “assign” a certain min-height and min-width to the elements beforehand using CSS to the elements that are responsible for causing the layout shift so that they already occupy the space and stop it from further shifting.
For more information, you can refer to the below link to learn more about CLS issues.
Note - In case you are not much aware of the CSS codes, you should tell your developer to work on this which will ensure that the overall design along with the responsiveness does not get affected while you fix the CLS issues.
Let us know if need more help with your Shopify store.
Thanks & Regards,
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