Defer parsing of JavaScript - possible ?

vaniller

Google page Speed tells, that on my vanilla home page about 120kB of JavaScript code should be deferred (I.e. /js/library/jquery.js, js/global.js etc.)
Is it posiible, and if so, how can in make it ?

422

Try this.

http://www.webpagetest.org/forums/showthread.php?tid=7897&pid=13818#pid13818

Using defer only applies to ie

S

Plugin <Page Speed> can do this. But it cannot handle with dependent inline scripts (*), they will be broken.

* dependent inline scripts, I meant such as jQuery().ready(){...};

Todd

I recently added support for <script defer="defer" ... >. This is supposed to do the same thing, but it doesn't work in as many browsers. It worked just fine in Firefox and chrome for me. IE supposedly invented the attribute so I'll assume it works there too.

Which scripts can be deferred is is another question. I don't think jQuery is one of them since pretty much every other script makes use of jQuery.ready(...).

Tim

@Todd

422

Try this.

http://www.webpagetest.org/forums/showthread.php?tid=7897&pid=13818#pid13818

Using defer only applies to ie

422

The seemingly adopted and preferred method is using async.

<script>
var node = document.createElement('script');
node.type = 'text/javascript';
node.async = true;
node.src = 'example.js';
// Now insert the node into the DOM, perhaps using insertBefore()
</script>

S

Plugin <Page Speed> can do this. But it cannot handle with dependent inline scripts (*), they will be broken.

* dependent inline scripts, I meant such as jQuery().ready(){...};

Todd

I recently added support for <script defer="defer" ... >. This is supposed to do the same thing, but it doesn't work in as many browsers. It worked just fine in Firefox and chrome for me. IE supposedly invented the attribute so I'll assume it works there too.

Which scripts can be deferred is is another question. I don't think jQuery is one of them since pretty much every other script makes use of jQuery.ready(...).