Product Image loading times slow on dawn even after compression

Technical Q&A
, ,
1

Hello,

I am having some issues with the product images on my website loading rather slow and I can’t seem to work out why.

When I go to a product page the first product image will load but as I swipe right/select the next photo it doesn’t load until a few seconds have passed.

All the images on my site have been heavily compressed and are in webp format so I’m not sure why I am having this issue. URL: https://bliskbeauty.com/products/face-eye-mask-soothing-duo

Thanks in advance :slightly_smiling_face:

2

Slow loading times for product images can be caused by various factors. Here are some suggestions to help improve the loading speed of product images on your website:

  1. Optimize image file sizes: Even though you mentioned that your images are in WebP format and compressed, it’s still worth double-checking the file sizes. Use image optimization tools or plugins to further reduce the file size without compromising image quality. Smaller file sizes will help images load faster.

  2. Leverage lazy loading: Implement lazy loading for your product images. Lazy loading is a technique that defers the loading of images until they are about to appear in the user’s viewport. This can significantly improve initial page load times. There are Shopify apps and plugins available that can help you implement lazy loading on your website.

  3. Use a content delivery network (CDN): Consider using a CDN to deliver your images. A CDN stores your images on multiple servers worldwide and delivers them from the server closest to the user, reducing the distance and improving loading times. Shopify has its own CDN, so make sure it’s enabled in your store settings.

3

Hello,

I do all of these and still have the issue :disappointed_face: