Your images might not be lazy loaded, even though the “Image Lazy Loading” setting is enabled.
In such cases, there are a couple of things you can check the identify the reason and fix the issue.
Let’s go through all of them.
Make sure Image Lazy Loading is enabled, and the website is cached
1. If you use Medium, Strong, or Ludicrous optimization mode, Image Lazy Loading is enabled by default.
In case you are using Custom Mode, our feature can be enabled via https://nitropack.io/user/settings > Images > Automatic Image Lazy Loading:
2. Make sure that the pages you are checking are cached. Our article here will provide you step by step guidance on how to do this:
Conflict with another Lazy Load script or plugin
If a plugin or the theme you are using has a lazy loading feature enabled, this can cause compatibility issues as both features do the same thing.
It is best to ensure no other lazy loading features are enabled before enabling NitroPack’s Image Lazy Loading.This way, no visual issues will be present once the page is optimized.
Images are excluded for compatibility
A couple of attributes that are known to be conflicting with NitroPack and are excluded by default. In case they are a part of the code of the image, it will not be lazy loaded:
Additionally, if you have Excluded Resources and images are loaded from there, they will also be excluded from further optimization and lazy loading.
Images are inserted into the DOM after the page loads
This happens because NitroPack detects images that are only present in the HTML during the DOM load, and any images injected later on or in a specific case would not be initially seen.