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.
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 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:
captcha
*revslider*coloredbg*
*amazon-adsystem*
*media-amazon*
Additionally, if you have Excluded Resources and images loaded from there, they will also be excluded from further optimization and lazy loading.
Images are inserted into the DOM after the page loads
Sometimes, if an image is loaded via JavaScript, it will not be lazy loaded.
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.
📌 If you need any assistance or have questions, reach out to our support team at [email protected] or via this link: https://support.nitropack.io