Hi @phpfaruk I see you got it down to 7, here are the 7 remaining images: https://analyze.speedboostr.com/result/fvlmy3h423/rule/lazyLoadableImagesBelowTheFold
Here’s how you can locate if there’s a problem and solve:
-
Find where those images are loading in your theme (probably index.liquid, or if they’re from a section in your Customize theme, look for a Section file with a name like the feature in the customize area.
-
If you identify them, lazy load them.
-
If they are not coming from your theme, then maybe they’re coming from an app. In that case you’ll have to contact the app developer to see if they can lazy load.
If all those turn up and it looks like they’re being lazy loading, but still getting the warning, it could mean that your home page banner is loading with a delay, or does not have a set height. In that case, the images below it will actually load on page load because they get moved above the fold, but then analysis tools will think they are below the fold because of the screen height.
But looking at your page I can see this image for example doesn’t have a lazy load class or data-src attribute applied, so it’s not being lazy loaded. In that case, steps 1-3 above will help you solve that:
