<html>
<head>
<meta charset="utf-8"/>
- <script src="js/jquery-1.8.3.min.js"></script>
- <script src="js/d3.v3.js"></script>
- <script src="js/rickshaw.min.js"></script>
- <script src="js/handlebars-v4.0.11.js"></script>
- <script src="js/moment.min.js"></script>
+ <script src="js/jquery-1.8.3.min.js" defer></script>
+ <script src="js/d3.v3.js" defer></script>
+ <script src="js/rickshaw.min.js" defer></script>
+ <script src="js/handlebars-v4.0.11.js" defer></script>
+ <script src="js/moment.min.js" defer></script>
<link type="text/css" rel="stylesheet" href="graph.css">
<link type="text/css" rel="stylesheet" href="detail.css">
<link type="text/css" rel="stylesheet" href="legend.css">
<link type="text/css" rel="stylesheet" href="lines.css">
<link type="text/css" rel="stylesheet" href="styling.css">
- <script src="local.js"></script>
+ <script src="local.js" defer></script>
</head>
});
}
-$(document).ready(function () {
+function startup() {
var getTemplate = function (name) {
var template = $('#' + name + '-template').html();
return Handlebars.compile(template);
update();
setInterval(update, 1000);
-});
+}
+
+// rely on "defer" on <script> tag for document to be ready before running.
+startup();