When resizing browser, smaller renditions from srcset are loaded, even though bigger ones were already previously requested and loaded
Categories
(Core :: Layout: Images, Video, and HTML Frames, enhancement)
Tracking
()
People
(Reporter: szymon.zajaczkowski, Unassigned)
Details
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.83 Safari/537.36
Steps to reproduce:
Create an image tag with sizes and srcset:
<img sizes="(max-width: 767px) 334px, (max-width: 833px) 704px, (max-width: 1023px) 752px, (max-width: 1365px) 980px, (max-width: 1919px) 1168px, 1440px" srcset="http://via.placeholder.com/350 350w, http://via.placeholder.com/760 760w, http://via.placeholder.com/980 980w, http://via.placeholder.com/1200 1200w, http://via.placeholder.com/1520 1520w, http://via.placeholder.com/1960 1960w">
Actual results:
View page on wide desktop, big rendition will be loaded.
When resizing window, the smaller images from srcset will be also loaded, despite already having a bigger rendition.
Expected results:
When having already higher rendition on the images loaded, smaller ones should not be downloaded (the default behaviour for chrome and safari)
|
||
Comment 1•6 years ago
|
||
Setting a component for this enhancement in order to get the dev team involved.
If you feel it's an incorrect one please feel free to change it to a more appropriate one.
Description
•