<!doctype html>

<html class="no-js">

<head>

<meta charset="utf-8"/>

<title>SCRIPT SRC in bottom</title>

<link rel="stylesheet" href="style.css" />

<script>

// calculate difference between zero and window.onload

window.onload = function () {

var stop = new Date();

document.getElementById("content").style.display = "block";

document.getElementById("ms").innerHTML = (stop - start);

};

</script>

</head>

<body>

<div id="wrap">

<div id="nav" class="clear">

<a href="script.html">SCRIPT SRC <em>in head</em></a>

<a href="script-bottom.html">SCRIPT SRC <em>on bottom</em></a>

<a href="headjs.html">head.js <em>on head</em></a>

<br />

</div>

<div id="content" style="display: none">

<h1>SCRIPT SRC before &lt;/body&gt;</h1>

<div id="time"><span id="ms"></span>ms</div>

<p>

Press <strong>CTRL+SHIFT+R</strong> or <strong>CTRL+F5</strong> to reload with an <strong>empty cache</strong> = first impression.

</p>

<br />

<p>

<strong>View source</strong> to see how scripts are provided.

</p>

<p>

Time is calculated when <code>window.onload</code> fires.

</p>

<p>

Try with different browsers. The time difference varies a lot.

</p>

<p class="details">

head.js() calls are always separate from the page rendering. Does not matter

whether you load on HEAD or on bottom. You can also load programmatically on

demand.

</p>

</div>

<div id="footer">

<a href="../index.html#theory">&laquo; headjs.com</a>

&nbsp; | &nbsp; <a href="https://github.com/headjs/headjs/issues">found a bug?</a>

</div>

</div>

<script>

var start = new Date();

</script>

<script src="http://ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

</body>

</html>