I’m having trouble lazy loading images on my website: CBJ-trading.com, as you can see all the images have the lazy loading attributes and the data- in front of the src. So I think it should work. However, I can’t seem to find where the images on the homepage are precisely located to change for example sizing for mobile.
When doing a test run you can see where the troubles lie, hope someone can help me to fix this issue.
It looks like those are using “placeholder lazy loading”, which means small placeholder images (150px in your case) are loaded during page load, then the larger regular image comes in as the user scrolls.
To fix this, identify those images in your code then remove the src attribute:
To identify the images, search for some of that code in your theme files (easiest way is to export your theme then search from your computer. Alternatively, you can look in the logical files in your theme editor, like index.liquid, the snippets for those sections, etc).
I would search for “ProductImageWrapper”. Then when you find the code try removing the src attribute.
Do this on a backup theme of course so you can preview before publishing it. 
By the way, thanks for using our Analyzer app!
Thank you @JoesIdeas , this really helps!
Just two quick questions all the others were fixed but these logos I can’t seem to data-src without breaking the image for some reason…
{% unless shop.enabled_payment_types == empty %}
{% assign payment_icons_available = 'amazon_payments,american_express,apple_pay,bitcoin,cirrus,dankort,diners_club,discover,dogecoin,dwolla,forbrugsforeningen,interac,jcb,litecoin,maestro,master,paypal,visa' | split: ',' %}
{% for type in shop.enabled_payment_types %}
{% if payment_icons_available contains type %}
-
{% endif %}
{% endfor %}
{% endunless %}
I just replace the src part for data-src but when reloading the page I just see broken image icons.
And these product images don’t seem to change to data-src when removing the src part, changed in snippets/product-grid-item.liquid, because I can’t seem to find where the productimagewrapper should be located:
As seen the src part was removed but still they seem to cause an issue on your website checker.
Thanks in advance, advice really helped as well as your website!
I wouldn’t worry about the logos, they’re so small in size that there isn’t really a benefit lazy loading them. If you wanted to lazy load them, just add the lazyload class to the image elements.
For your other question, I’m not sure, would require some investigation into the code. It may be a different section, you’d have to investigate and experiment a little (I’d probably start by try removing the images and then run a test to see if those show up). Eventually when you find the code, you can read the code in your theme editor and in the live site and figure out how it works and how to make sure it’s lazy loading.