Redntion with on promise

[bhanuperiwal]

Hi Support,

Hope you are doing well.

We are working on AEM-on premise. We are facing speed issue due to heavy images. We are using rendition but as we can see on front end for different devices, images are not resized so speed could not improve.

Can you please help how we should use rendition with AEM-on premise for speed optimisation.

Thanks and Regards

[sherinregi]

Hi @bhanuperiwal 

In order to use renditions you can refer the below URL. Look for the various libraries and options mentioned to render the images based on different screen sizes.

https://experienceleague.adobe.com/docs/experience-manager-65/developing/mobileweb/responsive.html?l...

From the image delivery perspective its will recommended to use advanced image formats like webp or avif for speed and quality . Cloud Service comes with support for the same .Also look at multiple options like dynamic media, akamai image manager than can help in avoiding speed issues.

Thanks,

Sherin

[kautuk_sahni]

@bhanuperiwal  Did you find the suggestions from @sherinregi helpful? Please let us know if more information is required. Otherwise, please mark the answer as correct for posterity. If you have found out solution yourself, please share it with the community.

[arunpatidar]

Hi,

Are you using dynamic media? Or core component's adaptive image servlet?

try to adpat lazy loading.

[bhanuperiwal]

Hi Arun,

We are using custom component for showing images and mostly using teaser on home pages.

[arunpatidar · Accepted solution]

Then I think , you need to write custom logic to pick correct renditions based on device/media width and try lazy loading which will increase performance heavily.

Many browsers supports that OOTB