I've enabled lazy load, but the images on my website disappeared. What should I do?
There are a number of reasons for banners/carousels/sliders etc. disappearing from the frontend after enabling the Lazy Load functionality. To resolve this issue, you may try the solutions below.
1. Try adding the image class or part of its name to the Lazy Load ignore list. To do so, find the class of a broken image in the element code:
And add it to Google Page Speed Optimizer → Lazy Load → Lazy Load → Ignore Images that Contain field:
Please, keep in mind that you should only add the class/name of the image itself, not the parent carousel, banner, or slider.
2. If there is a third-party lazy load enabled (for example, Porto theme provides its own lazy load), you should consider disabling it. Two lazy loads don't generally work well together, so it's recommended to leave only one of them enabled.
3. Try switching to another Lazy Load Script:
Please note, that for the correct work of Lazy Load functionality on Hyva Theme, the option Native JavaScript Lazy Script should be chosen.
4. Finally, you may try adjusting the Preload Images Number in Google Page Speed Optimizer → Lazy Load → Lazy Load:
Related Articles
What PageSpeed Insights metrics does Google Page Speed Optimizer cover?
The Google Page Speed Optimizer extension is designed to optimize images and code, which can help to improve certain PageSpeed Insights metrics and enhance the overall website performance. Our extension guarantees up to 97% rating if the fast server ...What is the difference between Lazy Load and Google Page Speed Optimizer extensions?
There are two landing pages created for marketing purposes: Lazy Load and Google Page Speed Optimizer. However, both landing pages represent the same extension. Regardless of the landing page, there are three optimizer versions that we offer: Google ...What optimizer settings do I use for images, if I have both the Jet Theme and the Google Page Speed Optimizer module?
The Image Optimizer inside Jet Theme is a Lite version of any optimizer-type modules. So, considering you have the Google Page Speed Optimizer extension, it leads over the optimizer settings inside the Jet Theme. If you have already installed, or are ...How to optimize images using Google Page Speed Optimizer extension?
In order to optimize images using Google Page Speed Optimizer extension, first, you need to create WebP copies and make sure they are displayed on the frontend. Please follow the steps below to create WebP copies of the images. Step 1. In Amasty → ...What features are included in each tariff plan of Google Page Speed Optimizer?
LITE Features: - images preloading feature; - jQuery, Native JavaScript, Vanilla, and Lozad lazy scripts; - custom lazy load strategy for specific pages (home, category, product, and CMS pages). Google metric covered: Defer offscreen images PRO Lite ...
Announcements
⚡ Have you enlarged the functionality of the Amasty extension with your own code? Share your improvements with us!
At Amasty, we understand that some of our clients require customized features to perfectly align the extension with their business needs. If you have developed new functionality within an Amasty module and would like to share it, please submit a ticket