Looking for key Points to check Page Performance if images are render from Dynamic Media (DM)

[Anoop_Garg]

Hello,

I have rendered images from Dynamic Media on my AEM website instead of DAM. I can see Dynamic Media helping me to render small size image with same resolution on my website .

Can some one please help me understand what all point need to check/measure page performance apart from image size (if image is getting render from DM)? 

Note: I used approx. 20 same images for different pages where one page is getting images from Dynamic Media and another one from DAM, but not seeing significant difference in page load time.  

[Kunal_Gaba_ · Accepted solution]

Apart from the size of the image you can also control the image sharpness and quality. Like if you don't need a very high quality image then you can reduce the quality and with less quality the overall size of the image gets reduced. You can leverage Smart Imaging feature of DM which can automatically deliver best optimized images in next gen formats to the browsers. 

Please go through this document - https://experienceleague.adobe.com/docs/dynamic-media-classic/using/master-files/best-practices-opti... 

Smart Imaging - https://experienceleague.adobe.com/docs/experience-manager-64/assets/dynamic/imaging-faq.html?lang=e... 

Blog - https://blog.developer.adobe.com/image-optimisation-with-next-gen-image-formats-webp-and-avif-248c75...  

[Anoop_Garg]

Thanks Kunal !

I am looking parameters to check page performance after integration with DM, not benefits. 

[Saravanan_Dharmaraj]

You can run the lighthouse report and see if the images are rendering correctly performance wise for different form factors. 

Below is one example of it https://startdebugging.net/2019/07/lighthouse-report-properly-size-images/