Solved

How can I prevent an image from lazy loading on my homepage?

Windyigarn
Visitor
2 0 0

Hello,

 

I was wondering if anyone can assist me with the Lazy Loading of one (1) image on my homepage.

 

I was wanting to make sure that it doesn't Lazy Load and is served immediately to a User.

 

I am not experienced as a coder and have no knowledge of the Page, File or area i need to be in, so I will apologise in advance.

 

the url is windyigarn.com.au and the Theme is Flow. Thank you so much to anyone that can point a guy in the right direction. 

 

Thank you.

Accepted Solution (1)

oreoorbitz
Shopify Partner
253 29 130

This is an accepted solution.

There is some complexity in it, you have to find the image, then only lazyload that specific image, probably you will want to add a setting for the section the image belongs to, so only that image is not lazyload, so that you can repeat the section without other instances of that section not having lazyload for their respective immages, here will you find some overall advice on this, but you won't get a step for step walkthrough, you should , hire someone to do it. 
It should take an hour at most, you'll find rates anywhere from 10-70 dollars per hour.

Available for freelance. I specialize in speed improvement and theme development.
https://www.upwork.com/fl/orionholmes



You can also contact me directly if you prefer.

View solution in original post

Replies 5 (5)

SmallTask
Shopify Partner
973 41 55

Hi,

 

Your store loads faster, Can you let us know for which image you want to load slowly. 

banned
Windyigarn
Visitor
2 0 0

It is the first image i do NOT want to lazy load. The rest are fine.

oscprofessional
Shopify Partner
15897 2378 3086

@Windyigarn ,

oscprofessional_0-1654587914577.png

 

You have to remove the lazy load from this image. Check your theme liquid file name should be slideshow liquid file in sections. like this

oscprofessional_1-1654588226368.png

 

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

oreoorbitz
Shopify Partner
253 29 130

This is an accepted solution.

There is some complexity in it, you have to find the image, then only lazyload that specific image, probably you will want to add a setting for the section the image belongs to, so only that image is not lazyload, so that you can repeat the section without other instances of that section not having lazyload for their respective immages, here will you find some overall advice on this, but you won't get a step for step walkthrough, you should , hire someone to do it. 
It should take an hour at most, you'll find rates anywhere from 10-70 dollars per hour.

Available for freelance. I specialize in speed improvement and theme development.
https://www.upwork.com/fl/orionholmes



You can also contact me directly if you prefer.
bryan76
Trailblazer
197 3 44

where is the solution here?   why is this tagged an acceptable solution?