Lazy Loading of Images in AEM

Avatar

Avatar

Sesha_Sai_Samud

Avatar

Sesha_Sai_Samud

Sesha_Sai_Samud

28-01-2019

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

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar

Vaibhavi

MVP

Avatar

Vaibhavi

MVP

Vaibhavi
MVP

26-07-2019

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

Screen Shot 2019-07-26 at 10.00.57.png

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

Thanks,

Vaibhavi

Answers (2)

Answers (2)

Avatar

Avatar

Gaurav-Behl

MVP

Avatar

Gaurav-Behl

MVP

Gaurav-Behl
MVP

28-01-2019

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

Avatar

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Reply

2.3K

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Reply

2.3K
smacdonald2008

28-01-2019

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