Expand my Community achievements bar.

SOLVED

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

Avatar

Level 4

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.  

1 Accepted Solution

Avatar

Correct answer by
Employee Advisor

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...  

View solution in original post

3 Replies

Avatar

Correct answer by
Employee Advisor

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...  

Avatar

Level 4

Thanks Kunal !

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

Avatar

Community Advisor

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/