<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://bugs.webkit.org/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4.1"
          urlbase="https://bugs.webkit.org/"
          
          maintainer="admin@webkit.org"
>

    <bug>
          <bug_id>231894</bug_id>
          
          <creation_ts>2021-10-18 08:27:42 -0700</creation_ts>
          <short_desc>Allow for different lazy loading policies on responsive image sources.</short_desc>
          <delta_ts>2025-05-24 05:45:20 -0700</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>Images</component>
          <version>WebKit Nightly Build</version>
          <rep_platform>All</rep_platform>
          <op_sys>All</op_sys>
          <bug_status>NEW</bug_status>
          <resolution></resolution>
          
          
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords>InRadar</keywords>
          <priority>P2</priority>
          <bug_severity>Enhancement</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter name="Patrick Meenan">patmeenan</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>hi+webkit</cc>
    
    <cc>nmouchtaris</cc>
    
    <cc>rbuis</cc>
    
    <cc>sabouhallawa</cc>
    
    <cc>simon.fraser</cc>
    
    <cc>webkit-bug-importer</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1805578</commentid>
    <comment_count>0</comment_count>
    <who name="Patrick Meenan">patmeenan</who>
    <bug_when>2021-10-18 08:27:42 -0700</bug_when>
    <thetext>Currently lazy loading is applied to the &lt;img&gt; element, even when there are multiple &lt;source&gt; tags for the same image within a &lt;picture&gt;.

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 &lt;source&gt; to have a loading attribute that would override the lazy loading state of the &lt;img&gt; 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</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1808413</commentid>
    <comment_count>1</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2021-10-25 08:28:40 -0700</bug_when>
    <thetext>&lt;rdar://problem/84615291&gt;</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2119522</commentid>
    <comment_count>2</comment_count>
    <who name="mxdvl">hi+webkit</who>
    <bug_when>2025-05-24 05:45:20 -0700</bug_when>
    <thetext>Considering the associated WHATWG issue has been closed, should this one be closed too?</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>