Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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.
Most themes have lazy loading enabled, can you share your site's url?
I didn't realise that. I'm not sure if mine did
URL is: www.prettypawfectboutique.co.uk
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.
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!
Bump... Hoping for some help please
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
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?
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.
Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024Note: Customizing your CSS requires some familiarity with CSS and HTML. Before you cust...
By JasonH Aug 12, 2024