Plugin Directory

HeadJS Loader

A plugin to load your Javascript files via Head JS.

This plugin reformats your page to utilize Head JS in your WordPress site.

It strips out all your old javascript declarations and puts them into head.js calls so that they are loaded in parallel (see the Head JS website for more details).

For example, this:

<script type='text/javascript' src='http://yoururl.com/wp-includes/js/prototype.js?ver=1.6.1'></script> 
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js?ver=3.0.4'></script> 
<script type='text/javascript' src='http://yoururl.com/wp-includes/js/scriptaculous/wp-scriptaculous.js?ver=1.8.3'></script> 
<script type='text/javascript' src='http://yoururl.com/wp-includes/js/scriptaculous/builder.js?ver=1.8.3'></script> 
<script type='text/javascript' src='http://yoururl.com/wp-includes/js/scriptaculous/effects.js?ver=1.8.3'></script> 
<script type='text/javascript' src='http://yoururl.com/wp-includes/js/scriptaculous/dragdrop.js?ver=1.8.3'></script> 
<script type='text/javascript' src='http://yoururl.com/wp-includes/js/scriptaculous/slider.js?ver=1.8.3'></script> 
<script type='text/javascript' src='http://yoururl.com/wp-includes/js/scriptaculous/controls.js?ver=1.8.3'></script>

Becomes:

<script type="text/javascript" src="http://yoururl.com/wp-content/plugins/headjs-loader/head.min.js"></script> 
<script> 
head.js("http://yoururl.com/wp-includes/js/prototype.js?ver=1.6.1")
    .js("http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js?ver=3.0.4")
    .js("http://yoururl.com/wp-includes/js/scriptaculous/wp-scriptaculous.js?ver=1.8.3")
    .js("http://yoururl.com/wp-includes/js/scriptaculous/builder.js?ver=1.8.3")
    .js("http://yoururl.com/wp-includes/js/scriptaculous/effects.js?ver=1.8.3")
    .js("http://yoururl.com/wp-includes/js/scriptaculous/dragdrop.js?ver=1.8.3")
    .js("http://yoururl.com/wp-includes/js/scriptaculous/slider.js?ver=1.8.3")
    .js("http://yoururl.com/wp-includes/js/scriptaculous/controls.js?ver=1.8.3");
</script>

If you would like to see Head JS added to the Google CDN library (like I would), then go to http://code.google.com/p/google-ajax-apis/issues/detail?id=548 and star the issue.

Tags: , ,

Requires: 3.0 or higher
Compatible up to: 3.1.4
Last Updated: 2011-1-24
Downloads: 2,352

Average Rating

5 stars
(8 ratings)

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,3,3 100,1,1
50,2,1
100,2,2 0,1,0
100,1,1
50,2,1