Lazy Loading....grr

Solved
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
229 27 126

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

If your looking for a pagespeed solution for your Website, take a look at: https://renderbetter.com/

View solution in original post

Replies 5 (5)
SmallTask
Shopify Partner
973 41 53

Hi,

 

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

Windyigarn
Visitor
2 0 0

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

oscprofessional
Shopify Partner
15649 2345 3025

@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 | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
oreoorbitz
Shopify Partner
229 27 126

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

If your looking for a pagespeed solution for your Website, take a look at: https://renderbetter.com/
bryan76
Pathfinder
148 2 23

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