Personalized checkout and custom promotions with Shopify Scripts
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?
@Gustav001 Hey, thanks for posting here.
can you please share the link to inspect it, thanks.
@Gustav001 Go to your slide show section file then search loading="lazy" then remove it from img tag .
if it solve you issue so please mark it as solved.
@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 yeah.
use comment , may you want to revert it so you just uncomment it:
{% comment %}loading="lazy"{% endcomment %}
like this
@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!
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024