<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
"Defer" doesn't achieve the desired behavior. The goal is "load this
script after everything else in the page is done". Instead, defer'ed
scripts get loaded immediately, thus stealing one of the few network
connections from other (more important) resources.<br>
<br>
Here's an example:<br>
<a
href="http://stevesouders.com/cuzillion/?c0=hj1hfft0_0_f&c1=bi1hfff2_0_f&c2=bi1hfff2_0_f&c3=bi1hfff2_0_f&c4=bi1hfff2_0_f&c5=bi1hfff2_0_f&c6=bi1hfff2_0_f&c7=bi1hfff2_0_f&c8=bi1hfff2_0_f&t=1280020727443">http://stevesouders.com/cuzillion/?c0=hj1hfft0_0_f&c1=bi1hfff2_0_f&c2=bi1hfff2_0_f&c3=bi1hfff2_0_f&c4=bi1hfff2_0_f&c5=bi1hfff2_0_f&c6=bi1hfff2_0_f&c7=bi1hfff2_0_f&c8=bi1hfff2_0_f</a><br>
<br>
Notice that although the script is "defer" it gets loaded before the
images. (The load time of the script is displayed at the bottom and is
typically 200-500ms. However, each image takes 2000ms to download. If
the script was truly deferred it should be downloaded some time >
2000ms. Since it's loaded earlier, it steals a network connection and
causes one of the images to download later.)<br>
<br>
-Steve<br>
<br>
On 7/23/2010 1:27 PM, Ian Hickson wrote:
<blockquote
cite="mid:Pine.LNX.4.64.1007232025270.7242@ps20323.dreamhostps.com"
type="cite">
<pre wrap="">On Wed, 17 Mar 2010, Steve Souders wrote:
</pre>
<blockquote type="cite">
<blockquote type="cite">
<pre wrap="">
Given that it is possible to do this from script, how common is it for
people to do it from script? If it's very common, that would be a good
data point encouraging us to do this sooner rather than later.
</pre>
</blockquote>
<pre wrap="">
6 of the top 10 US web sites load scripts after the load event: eBay,
Facebook, Bing, MSN.com, MySpace, and Yahoo.
</pre>
</blockquote>
<pre wrap="">
Do we know why they do this rather than use defer="", and whether
defer="" would handle their use casess?
</pre>
</blockquote>
</body>
</html>