Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Lazy Loading of Images in AEM

Avatar

Avatar
Validate 1
Level 1
Sesha_Sai_Samud
Level 1

Like

1 like

Total Posts

3 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 1
View profile

Avatar
Validate 1
Level 1
Sesha_Sai_Samud
Level 1

Like

1 like

Total Posts

3 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 1
View profile
Sesha_Sai_Samud
Level 1

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
Affirm 50
MVP
Vaibhavi
MVP

Likes

192 likes

Total Posts

165 posts

Correct Reply

54 solutions
Top badges earned
Affirm 50
Validate 1
Ignite 1
Give Back 5
Give Back 3
View profile

Avatar
Affirm 50
MVP
Vaibhavi
MVP

Likes

192 likes

Total Posts

165 posts

Correct Reply

54 solutions
Top badges earned
Affirm 50
Validate 1
Ignite 1
Give Back 5
Give Back 3
View profile
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
Give back 300
MVP
Gaurav-Behl
MVP

Likes

243 likes

Total Posts

1,145 posts

Correct Reply

281 solutions
Top badges earned
Give back 300
Give Back 50
Give Back 5
Give Back 3
Give Back 25
View profile

Avatar
Give back 300
MVP
Gaurav-Behl
MVP

Likes

243 likes

Total Posts

1,145 posts

Correct Reply

281 solutions
Top badges earned
Give back 300
Give Back 50
Give Back 5
Give Back 3
Give Back 25
View profile
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
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,406 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,406 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile
smacdonald2008
Level 10

28-01-2019

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