I've been trying to reduce page load times, using SpeedBoostr, Pagespeed and GTMetrix to help, but there seems to be some confusion whether images are being lazyloaded or not.
I'm using the Debut theme for my store and it certainly looks like they are lazyloaded, they receive the correct classname, but looking at my page code the <img> tag contains both data-srcset and srcset attributes, where I'm expecting to see only data-srcset until the page is scrolled down to the image.
So, is the lazyload working properly, or do I need to make some code changes?
Solved! Go to the solution
The best way to test lazy loading is to use a page inspector which artificially lets you reduce bandwidth to see what someone with say 2g internet might see.
Once you've diagnosed that, you can download your entire theme and do a search of image elements and implement lazy loading yourself just to be sure.
It sounds complex, but your task is basically reduced to adding a js library in your assets, including it in the header, and doing a few string search and replace operations in the ide of your choice.
Here are a few lazy loading libraries to try
If you'd like further assistance, just let me know.
This is an accepted solution.