On Wed, 16 May 2012 20:12:19 +0100, Jacob Mather <[email protected]>
wrote:
Maybe this is the better question:
Why does the pre-loader matter so much?
Basing the selected image off of browser width is inherently
backwards. The content should be informed by the layout, not by the
browser.
Browsers want to download images in parallel with a stylesheet, i.e. they
must know which images to load *before* CSS is loaded.
This is very important to browser vendors. Google goes even as far as
replacing the HTTP protocol to remove those kinds of delays.
In addition to that applying layout to the page may be computationally
expensive, so it would further delay time it takes to start loading images.
And finally corner cases can lead to loops:
<div style="float:left">
<picture>
<source media="max-container-width:100px" src="200px-wide-image.png">
<source media="min-container-width:100px" src="50px-wide-image.png">
</picture>
</div>
--
regards, Kornel Lesiński
