non-blocking javascript

Include via DOM

var js = document.createElement('script');js.src = 'myscript.js';var h = document.getElementsByTagName('head')[0];h.appendChild(js);

Non-blocking JavaScript

  1. And what about my inline scripts?
  2. Setup a collection (registry) of inline scripts

Step 1: inline it in the head

var myapp = {    stuff: []};

Step 2: Add to the registry

// Instead of:alert('boo!');// Do:myapp.stuff.push(function(){    alert('boo!'););

Step 3: Execute all

var l = myapp.stuff.length;var l = myapp.stuff.length;for(var i = 0, i < l; i++) {    myapp.stuff[i]();}