installing Lazy loader?

Highlighted
Tourist
26 0 2

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.

0 Likes
Highlighted
Shopify Partner
79 9 50

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
0 Likes
Highlighted
Tourist
26 0 2

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

URL is: www.prettypawfectboutique.co.uk

0 Likes
Highlighted
Shopify Partner
79 9 50

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
0 Likes
Highlighted
Tourist
26 0 2

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!

0 Likes
Highlighted
Tourist
26 0 2

Bump... Hoping for some help please

0 Likes
Highlighted
Shopify Partner
217 4 16


Hello
Welcome to the Shopify Community!

This is Syed Mustafa a professional Shopify Developer. As I'm sure you well know, page speed has become a factor for ranking in the search engines. That's why if you're investing lots of time and money into getting the rankings you deserve, you shouldn't be blowing it by having a slow website.

Longer load times have also been shown to negatively affect conversions.

“My Aim” is to optimize the website to it's the best possible result. It’s helpful to the visitor who visits on your website and spends much time without annoyed. I've gone through your website speed details and the reason behind why the website is slow is that there are lots of unused code of Javascript and CSS plus there are lots of unoptimized images as well that's why your website page size is more than 4mb and slow speed means that you are losing your potential customers and profit so it's a work that can be done by custom coding and I am professionally able to do this for you.

Drop your reply at Syedmustafanadeem99@gmail.com and let's start this project as soon as possible.

Awaiting Response,

Untitled.png

If helpful then please Like and Accept Solution.
Do you need custom changes on the store or want a complete speed optimization? Hire me.
Need a dropshipping expert or wants to alive your dead dropshipping store?
Feel free to contact me at Syedmustafanadeem99@gmail.com
0 Likes
Highlighted

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

⚡️ [Shopify Themes]: Lightning-fast, Highly converting, SEO-optimized, Minimal.
⚡️ Need help with your store? [Get a quote]
0 Likes
Highlighted
Tourist
26 0 2

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?

0 Likes
Highlighted

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.

⚡️ [Shopify Themes]: Lightning-fast, Highly converting, SEO-optimized, Minimal.
⚡️ Need help with your store? [Get a quote]
0 Likes