-
Posts
-
I have a question about the Lazy Load feature in Enfold.
I have Lazy Load turned on the Enfold>Performance settings. But when I edit any page, and then look at the settings per image (Image>Advanced>Perfomance) I see “Do not use Lazy Loading”.
So I have Lazy Loading set in the general Enfold settings under Performance, but apparently that doesn’t mean that all photos then automatically use Lazy Loading? And that I have to/can set that per photo?
So what is the function of Enfold>Performances>Ebale Lazy Loading?
Thanks,
AlwinHey Alwin,
Thank you for the inquiry.
Yes, you are correct. The lazy loading option for images is disabled by default irregardless of the global option, which can be adjusted in Enfold > Performance > Lazy Loading settings, so you have to set it manually. But please note that when the global settings is disabled, it will override and also disable the elements’ lazy loading option.
Best regards,
IsmaelHello Ismael,
When you say “But please note that when the global settings is disabled, it will override and also disable the elements’ lazy loading option” do you mean that it is still possible to enable Lazy Loading at image level but that it will not work anymore?
Because when I disable Lazy Loading in the global settings, it is still possible to enable it at the image level. So that’s a little bit confusing..?Other questions about Lazy Loading:
– Is it correct that I can set Lazy Loading per image? So for example disbale Lazy Loading for images at the top of a page, and enable Lazy Loading for images on the bottom of the (same) page?
Thanks,
AlwinHi,
Thank you for the update.
do you mean that it is still possible to enable Lazy Loading at image level but that it will not work anymore?
Yes, that is correct. We actually added a note about this in the global lazy loading option. And yes, you can toggle the lazy loading option for any specific image.
Best regards,
IsmaelI enabled Lazy Load for some images now and in GTMetrix i can see that these images are indeed lazy loaded now :)
However, it seems that images that are in a mansonary Gallery are not lazy loaded, while I do have lazy loading enabled for the photos in the gallery.
Is that correct? Does it only work for images outside galleries?
Hi,
Glad to know that the option is working. Did you select the Perfect Grid option in the Styling > Masonry Settings > Size settings? Please note that when this option is selected, the images in the masonry items will be applied as background, so they are not actual image elements or they do not use the img tag and they do not have the loading attribute. You may need to select a different option or masonry style in the Size Settings.
Best regards,
IsmaelHi,
It seems to be working correctly on our end. Please check the screenshot below showing a Flexible Masonry and the html of one of the masonry items with the loading attribute set to lazy. (see private field)
Did you try purging the cache?
Best regards,
IsmaelYes, on the page I am talking about:
I can see the lazy attribute in the code. However, running a GTmetrix test with Lazy Loading enabled gives me the same amount of requests has with Lazy Loading disbaled. Gtmetrix is only loading the top of the page I think, so the images in the gallery should not be loaded and there should be 4 less requests?
Hi,
Thank you for the info.
The tool actually checks the whole page, not just the top, so it will load all resources in the site including lazy loaded images. That is how it checks if there are layout shifts in the page and measures other metrics. You just have to make sure that the offscreen images are deferred.
// https://web.dev/offscreen-images/
Best regards,
IsmaelYou say GTmetrix does check the whole page and load all resources. That seems very logical indeed. However, when I enable lazy loading on images that are not insite a gallery, and for example 2 images, then the total reguests in GTmetrix are 2 less.
Hi,
However, when I enable lazy loading on images that are not insite a gallery, and for example 2 images,
What do you mean? Did you check the above article about offscreen images? If you need more help with site optimization, please feel free to contact our partner, Codeable. Please note that site optimization is beyond the scope of support.
// https://kriesi.at/contact/customization
Best regards,
Ismael
- You must be logged in to reply to this topic.