Need to disable lazy load for banners in Shoptimized Theme

Technical Q&A
1

Hi,

I have done performance testing on my site and looks like I need to disable lazy load for banner image. Particularly on my Mobile version which is showing worse than Desktop.
I have already deselected lazy load at the Theme level and no diffs. I also included a JS script in the Theme.liquid code file to render banner = “eager” load vs “Lazy”. Again no diffs. Please can you suggest a way to address this?

2

@Gustav001 Hey, thanks for posting here.
can you please share the link to inspect it, thanks.

3

@ProtoMan44 - sure. www.gardensgenie.com. Thanks.

4

@Gustav001 Go to your slide show section file then search loading=“lazy” then remove it from img tag .

ProtoMan44_0-1720065894909.png
ProtoMan44_0-1720065894909.png735×504 96 KB

if it solve you issue so please mark it as solved.

5

@ProtoMan44 - thank you for your tip. However I can’t seem to find the file in which this code sits. Can you name the actual file that I need to open for this code?

I could only find this (slideshow.liquid):

Gustav001_0-1720083749491.png
Gustav001_0-1720083749491.png1821×727 106 KB

6

@Gustav001 yeah.
use comment , may you want to revert it so you just uncomment it:

{% comment %}loading="lazy"{% endcomment %}

like this

7

@ProtoMan44 - thanks again. I commented it out but seems hasn’t made a difference to my page loading speed. The banner image is below 100Kb size already. But thanks for your help!