[Bug 16830] New: Provide a way to defer loading images until after the page has loaded

https://www.w3.org/Bugs/Public/show_bug.cgi?id=16830

           Summary: Provide a way to defer loading images until after the
                    page has loaded
           Product: HTML WG
           Version: unspecified
          Platform: PC
        OS/Version: Windows NT
            Status: NEW
          Severity: normal
          Priority: P2
         Component: HTML5 spec (editor: Ian Hickson)
        AssignedTo: ian@hixie.ch
        ReportedBy: mephiles@live.co.uk
         QAContact: public-html-bugzilla@w3.org
                CC: mike@w3.org, public-html-wg-issue-tracking@w3.org,
                    public-html@w3.org


The BBC updated their BBC News mobile website, recently. One of the ways they
optimised it for mobile devices was by deferring loading images until after the
page has loaded.

I haven't looked into how this is done in detail, but they used DIVs for
placeholders in the positions where the images will go. For example:

<div class="delayed-image-load"
data-src="http://static.bbci.co.uk/news/200/media/images/59388000/jpg/_59388680_59388679.jpg"></div>

After the page has loaded, the DIV is changed into an IMG element.

Clearly, this isn't very semantic, and wouldn't work at all if JavaScript is
disabled. But they have a good reason for doing this, which is why I believe
there is a need for a way of deferring the loading of images until after the
page has been parsed. This could also be applied to other embedded content
elements, like IFRAME and OBJECT.

The way I think this should be done is by using the DEFER attribute, which
would work in the same way as it does in the SCRIPT element.

-- 
Configure bugmail: https://www.w3.org/Bugs/Public/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are on the CC list for the bug.

Received on Tuesday, 24 April 2012 14:30:21 UTC