Desktop CLS, Mobile performance (Dawn Theme)

[Lszl]

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!

[kazi]

@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.

[vtnshadow]

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.

[mc20]

Where do you see that it is currently "1024x1024", but should be 364.5x364.5? This is the part I'm struggling with. Finding where the dimensions are currently stored.

And where is the choice of "eager"? I'm in Dawn theme also.

Thank you for any help.

[INA_MSWEB]

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

[samdavidson]

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.