Desktop CLS, Mobile performance (Dawn Theme)

Lszl
Shopify Partner
3 0 0

Hi everyone!

 

I've been trying to optimize our store, specifically the two values mentioned in the title (CLS on desktop, and Performance on mobile), but I'm running out of ideas as to where to improve, or what's even causing it. We're using Dawn Theme.

 

Our store:

https://rackmag.de/

 

Latest readings:

https://webvitals.dev/cls/RUWuNbAf3SqchSQzkcNO

https://pagespeed.web.dev/analysis/https-rackmag-de/c2g97ypxt7

 

Any tips on what to change or where to look for would be much appreciated!

 

Replies 4 (4)

kazi
Shopify Partner
575 87 109

@Lszl  if you are trying to get core web vital "passed" in Desktop. It seems on the way, your website already have good CLS.  It needs time to get "passed" wait few more days.

▶️ If you need more help with your Shopify store
Speed Optimization | Theme Customization ? ☎️ WhatsApp ✉️Email Skype: kof.bd

vtnshadow
Shopify Partner
3 0 1

First, your images are not optimized. The size of the images is incorrect; it should be 364.5x364.5, but currently, it is 1024x1024, causing parts of the collection list to become LCP (Largest Contentful Paint). For the banner images, you should set the loading attribute to "eager."

I also noticed you have two Google Tag Managers. Change them to load on user action for better Total Blocking Time.

SAN_MSWEB
Shopify Expert
1123 134 141

Hello,

Thank you for sharing your Store URL.

Here are some proven steps that will improve your website speed dramatically for both mobile and desktop.

  • Select a light Weight Shopify Theme 
  • Remove all Unwanted Shopify App ( That you have installed but not using)
  • Minify Javascript, CSS 
  • Reduce the Large Image Size
  • Eliminating the halting problem in Javascript
  • Apply Lazy loading per section wherever required
  • Replace Gifs with the Static Images
  • Resize Products images using Shopify App ( for Bulk )
  • Check the page speed using Google page Insight and GTmetrix.


By fixing these issues, your website speed score can improve
If you want a Free complete Website Optimization Audit Report (All the Actionable steps for your store), let me know.

 

If you have any concerns feel free to ask me!

Good Luck!
Regards,
San

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

samdavidson
Shopify Partner
48 0 5

As other suggestions mention, optimizing images will give you a quick win. If you defer 3rd party javascript using page speed optimizer apps, it will address remaining issues.