Lazy Loading of Images in AEM

[Sesha_Sai_Samud]

Hello People,
Wanted to know if there is any implementation of Lazy loading specifically for images in AEM with no libraries. Any leads would be appreciated. 

Thanks,
Sesha Sai

[smacdonald2008]

OOTB - there is no feature like this. When you use an image component - the images are loaded immediately.

[Gaurav-Behl]

You would definitely need to use custom libraries (jquery or others) for same, however, you could convert the normal images to PWA-ready images using DAM Asset Update Workflow.

Refer to link for command to configure in workflow -  Generate progressive image with imagemagick in AEM http://430014083@stash.genworth.net/scm/aem/aem-redirect-rules.git

[Vaibhavi_J · Accepted solution]

This feature is available in aem 6.4. OOTB image component has an option choose lazy loading of the images.

Refernce link to configure the lazy loading:  Configuring Components in Design Mode

Thanks,

Vaibhavi

[chintan97]

I am facing an issue when I enable lazy loading. The images get disappeared as soon as I enable lazy loading. The problem also occurs when I try configuring widths of images from the option given below the 'Display caption as pop-up'. I am using AEM 6.5.

[kautuk_sahni]

Nice reply.

[niks1]

have configured property in design dialog  based on below. Still Lazy loading is not happening.

I tried by changing value to true as well as false. But both didnt worked.

Any suggestions is appreciated. 

<enableLazyLoading
	jcr:primaryType="nt:unstructured"
	sling:resourceType="granite/ui/components/coral/foundation/form/checkbox"
	fieldDescription="Defer loading images until they become visible."
	name="./disableLazyLoading"
	text="Enable lazy loading"
	checked="{Boolean}false"
	uncheckedValue="true"
	value="{Boolean}false"/>

[nehasingh1011]

Hey Niks1,

Have you got solution for this or still waiting for response? if you get solution please let me know because I'm facing the same issue.

Thanks

Neha 

[Bhishma_]

Can we change the default lazy loading image ?