We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How to fix poor CLS on your store?

How to fix poor CLS on your store?

Marshall6
Visitor
3 0 0

Hey, I was wondering If anyone can help me fix this poor CLS on my website. I even tried changing the file type of my content to wepg so that It could run smoother but that didn't work. Any suggestions?

Reply 1 (1)

JoesIdeas
Shopify Partner
2520 229 678

It will depend on your site, the apps you use, and what are your priorities.

 

I would start with the Shopify Analyzer tool: https://analyze2.speedboostr.com.

 

You can also use Google PageSpeed Insights: https://pagespeed.web.dev, though this is geared for general sites, not necessarily engaging ecommerce sites with app functionality.

 

This guide is a couple years old but the foundation principles still stand (optimize images, lazy load assets until after page load, defer unneeded apps, etc): https://speedboostr.com/shopify-optimization.

• Creator of Order Automator [auto tag, fulfill, connect FBA, daily jobs]
• Co-Creator of Product Automator [suite of features for products / collections]
• Shopify developer for 10+ years, store owner for 7 years
• Blog: Shopify Tips, Guides, and Automation Tactics