NEW231894
Allow for different lazy loading policies on responsive image sources. 
https://bugs.webkit.org/show_bug.cgi?id=231894
Summary Allow for different lazy loading policies on responsive image sources.
Patrick Meenan
Reported 2021-10-18 08:27:42 PDT
Currently lazy loading is applied to the <img> element, even when there are multiple <source> tags for the same image within a <picture>. For a responsive site that may have different images in the viewport based on layout (mobile vertical scroll vs desktop grid for example), a developer will need to decide which layout to optimize for and potentially slow down the performance of the other layouts. A possible solution would be to have a given <source> to have a loading attribute that would override the lazy loading state of the <img> that it is associated with. This is an extension of the original lazyload support: https://bugs.webkit.org/show_bug.cgi?id=200764 whatwg issue: https://github.com/whatwg/html/issues/7227
Attachments
Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2021-10-25 08:28:40 PDT
<rdar://problem/84615291>
mxdvl
Comment 2 2025-05-24 05:45:20 PDT
Considering the associated WHATWG issue has been closed, should this one be closed too?
Note You need to log in before you can comment on or make changes to this bug.