Low store speed and slideshow loading

[james_chan]

Hi,

Can any experts here help me to solve this issue? My store uses the impulse theme with some customization section later. The overall score is 32 now and it's pretty slow for me. The most irritating thing is the slideshow loading time. It takes almost 2-3 seconds to display for a new visitor, and it could be longer on mobile.

I don't know how to improve that cause all images I used are in WEBP format and that's all I can think to improve the loading time.

My store link: https://www.allnicewigs.com/

THanks in advance.

[Van_Nguyen_GSG]

Hi James,

Image Optimization tips from shopify:

https://www.shopify.com/ca/blog/7412852-10-must-know-image-optimization-tips?shpxid=8d45d801-5B89-4F...

Store Optimization tips from shopify:

https://help.shopify.com/en/manual/online-store/store-speed/improving-speed

Hope this will help.

[ErayBarslan]

Hello @james_chan ,

I've conducted an audit and speed score is low mainly due to the order of loading the assets and scripts. Slideshow images finishes loading after everything else is loaded, but the exact opposite should happen. To optimize the performance:

• Remove lazy loading attribute from LCP images. The images visitors see on first load should load before other assets. Lazy loading basically tells browsers: "Hey, delay loading of this asset until rest of the page loads." Lazy loading should be default to images for better performance. Except LCP images that should be served as soon as possible. Make sure to remove lazy loading from these images visible on the screen:
  
• Serving media properly will greatly optimize the performance. In addition, third-party app load should be optimized. Apps should be loaded only into the pages they are required. For example, Judge.me app is only needed on product pages, but it loads on home page reducing the performance.
• Consider delaying the loading of non-critical third-party apps that are not required for user interactivity, such as Google Tag Manager and Facebook Pixel.
• I use a lazy loading method by setting a default delay of 3-4 seconds and loading these apps as soon as the user begins interacting with the page (mouse move, touch screen, click). This approach will prevent these analytics tools from adversely affecting the page's performance, while still allowing them to gather all the valuable data.

Applying these will boost your performance up and good luck! Feel free to reach out if you need any further assistance.

Best regards,
Eray Barslan | Shopify Developer & Designer

[james_chan]

Hi @ErayBarslan Can you access to my store and help me solve it? I'm quite a newbie on coding.

[ErayBarslan]

@james_chan  Sure, I'd be happy to assist you with optimizing your store's speed. You can send me a message through my contact form or email: https://eraybarslan.com/#contact

[james_chan]

Thanks @ErayBarslan Just sent an email