Cumulative Layout Shift (CLS) improvement for IMG tag

Issue

  • When uploading an image in Liferay, the image is rendered with something like this:

    <img src="/documents/20124/0/LBDLC.png/02956bfc-f95b-cf02-fb01-70e339ba332b?t=1614666679643" alt="the description"> 
    

    The IMG tag does not include the dimensions such as height, width, and CSS aspect ratio boxes. Which is causing the poor Cumulative Layout Shift scores.

Environment

  • Liferay DXP 7.2

Resolution

  • The Liferay DXP's observed behavior is considered a feature request, which can be tracked here: LPS-128526

Additional Information

  • This has been not yet considered for implementation, and considering the same in future releases is up to the discretion and priorities of our developer team.
  • Feature Request ticket, as noted in the Feature Request documentation, these tickets are requests to implement a new feature in future versions of Liferay, and it would be at our Product Team's discretion to determine the timeline of new features being added to Liferay. 
  • As the request progresses, it can be monitored and checked on. The status of the request will change to 'complete' if the Product Team approves it and the feature is implemented, after which a ticket can be submitted to seek a hotfix. In the meantime, one can follow the ticket and vote for this feature by clicking on 'Vote for this issue'.
¿Fue útil este artículo?
Usuarios a los que les pareció útil: 0 de 0