Media Gallery blocks the browser when loading high resolution images

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.0.X, Master
• Fix Version/s: 7.0.0 DXP FP36, 7.0.0 DXP SP7, 7.0.5 CE GA6, 7.0.X, 7.1.0 M1, 7.1.X, Master
• Component/s: Media Gallery widget
• Labels:
  • ee-ts
  • liferay-digital-enterprise-70-sp7
  • liferay-fixpack-de-36-7010
• Branch Version/s:
  7.0.x
• Backported to Branch:
  Committed
• Story Points: 1
• Fix Priority: 3
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/54021

Steps to reproduce:

1. Create 20 file entries using big images (4 or 5 mb each)
2. Change your browser settings in the developer tools to simulate an slow connection
3. Add the Media Gallery portlet to a page

 

Page load time will increase a lot (or will not load at all)

Even if the page loads, we should consider this as a bug since a mobile plan with limited bandwidth could not afford download 5mb (or more) * 20 images  (= 100mb)