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

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
261 31 134

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 pagespeed consulting
https://www.upwork.com/freelancers/~01a19b6cd90193f4f6?viewMode=1&s=1017484851352698949

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
16343 2438 3179

@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

 

 

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...

oreoorbitz
Shopify Partner
261 31 134

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 pagespeed consulting
https://www.upwork.com/freelancers/~01a19b6cd90193f4f6?viewMode=1&s=1017484851352698949
bryan76
Navigator
409 8 88

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