Image slider is lazy loaded. How can I change it so it isn't lazy loaded?

Store Design
, ,

Topic summary

A user installed an image slider on their Shopify product pages and discovered through browser inspection that images are lazy loading, causing slow load times. They shared a screenshot showing the lazy loading attribute and requested help to make images load immediately instead.

A community member investigated the store (using Shopify’s free Colorblock theme) and identified three potential causes:

  • Too many apps (ruled out)
  • Liquid code errors (unlikely, as everything else functions properly)
  • Large, high-quality images (identified as the primary issue)

The helper converted sample product images to web-optimized formats (JPEG and WebP) and shared them via Google Drive for testing. They recommended using the WebP version for better web performance and suggested applying this optimization to all product images if successful.

The discussion remains open, awaiting feedback on whether the optimized images resolve the loading issue.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hi! I installed an image slider, but when inspecting, I noticed that it is loading lazy. This means the product images take a long time to load when users visit product pages.

Does anyone maybe know of a way I could make the images in the image slider load first?

If I can provide any additional details that would help in giving an answer please just let me know!

Kind regards

Here is what I mean:

Screenshot 2025-03-23 at 17.31.22.png
Screenshot 2025-03-23 at 17.31.22.png3024×1598 621 KB

1 Like
2

Hi,

This is Rezaul, Can you send me your store url please?

I will check it.

Thanks

3

Hi - thanks for offering to help! :slightly_smiling_face:

Here is a link to my store: https://nuvocollection.com/products/queen-headband-in-noir

4

Hi Again,

Apologize for the late reply, I have inspect and check your store, The image loading problem is in every products,

You are using Colorblock theme for your store, and its a free theme by Shopify.

This problem happen for because of 3 reason,

  1. Too many Apps, I think you are not using too many apps

  2. Liquid code errors or not writing in perfect way, (I think this one also perfect because everything working perfectly except the image loading)

  3. Extra large High Quality Images (I think the problem is here because you every products images is large and high quality)

I have converted and render one of your product images for web faster loading, you can check them by uploading, if work perfectly then have to do the all the products image like these.

here is the google drive link: https://drive.google.com/drive/folders/1PLcsP1zd8_340s-nRIwKsknEJM2P_9EH?usp=sharing

There are 2 types of image, jpeg version and webp version, please try the webp version it is the latest format for faster performance in web.

If that help let me know

Thanks in Advance

Rezaul

My Whats App: +880 1744667466

Email: staff4shopify@gmail.com