installing Lazy loader?

slimjim1009
Tourist
47 0 3

Is there a tutorial on how to install lazy loader to help with my website speeds?  Is this easy to do with limited code knowledge?

I don't want to mess up my site but think it can help as my speed score is not good.

Replies 8 (8)
oreoorbitz
Shopify Partner
205 24 114

Most themes have lazy loading enabled, can you share your site's url?

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/
slimjim1009
Tourist
47 0 3

I didn't realise that.  I'm not sure if mine did

URL is: www.prettypawfectboutique.co.uk

oreoorbitz
Shopify Partner
205 24 114

In the case of your theme, the images don't have lazyloading, and to make it a bit more tricky, all the sections display the images as background images, as opposed to using an <img> tag.

Applying lazyload to background images is a bit more complicated then applying it to image tags, its not serious coding, its straight forward , but I imagine it might be confusing to do for someone with little coding experienced.

Maybe someone else on the forum can recommend a lazy loading plugin that makes it easy to set up lazyloading for background images, I'm only familiar with  lazysizes.

 

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/
slimjim1009
Tourist
47 0 3

Thanks for letting me know.

Hopefully someone can offer advise on getting this done as I think it would help all images.  I've had nothing but issues with the theme and the site i got it from are taking ages to sort it!

slimjim1009
Tourist
47 0 3

Bump... Hoping for some help please

OpenThinking
Shopify Partner
311 76 106

Unfortunately there isn't a straightforward way of doing it. You've to go thru the files and adapt it to work with the LazyLoading script of your choice.

Anyway, I usually use this plugin https://github.com/verlok/vanilla-lazyload in case you want to give it a try.

Cheers

️ Get our [Shopify Themes]: Lightning-fast, eye-catching, highly converting, SEO-optimised, Minimal.
Struggling with CODE? You need a Shopify expert to help you with your theme! [Get a free quote]
slimjim1009
Tourist
47 0 3

Thanks for letting me know.

I've hd some people check and say lazy load isn't installed but other have said it is! I am a little confused....

Will I need an expert to install the version you've mentioned?

OpenThinking
Shopify Partner
311 76 106

I've checked your store and if there's "lazyloading" installed it isn't working at the moment.

It depends on how experienced you're with Shopify themes. My suggestions is to hire a pro IF you're not comfortable with messing around with code.

Because a part from installing the JS script, you've to also go thru all the files and change how images are loaded (like explained here)

Let me know if you need further help with this.

️ Get our [Shopify Themes]: Lightning-fast, eye-catching, highly converting, SEO-optimised, Minimal.
Struggling with CODE? You need a Shopify expert to help you with your theme! [Get a free quote]