HeadJS Loader

A plugin to load your Javascript files via Head JS.

Author:ChuckMac (profile at wordpress.org)
WordPress version required:3.0
WordPress version tested:3.5.2
Plugin version:0.2
Added to WordPress repository:25-01-2011
Last updated:25-01-2013
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:60
Rated by:3
Plugin URI:http://wordpress.org/extend/plugins/headjs-lo...
Total downloads:8 796
Active installs:10+
plugin download
Click to start download

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

Caution: this plugin can cause major issues with the javascript on your site if not implemented properly. Please be sure to test on a development server first

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).

Optionally you can wrap all your inline javascript with head.ready calls.

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/js/head.min.js"></script> 
<script> 
head.js("http://yoururl.com/wp-includes/js/prototype.js?ver=1.6.1",
    "http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js?ver=3.0.4",
    "http://yoururl.com/wp-includes/js/scriptaculous/wp-scriptaculous.js?ver=1.8.3",
    "http://yoururl.com/wp-includes/js/scriptaculous/builder.js?ver=1.8.3",
    "http://yoururl.com/wp-includes/js/scriptaculous/effects.js?ver=1.8.3",
    "http://yoururl.com/wp-includes/js/scriptaculous/dragdrop.js?ver=1.8.3",
    "http://yoururl.com/wp-includes/js/scriptaculous/slider.js?ver=1.8.3",
    "http://yoururl.com/wp-includes/js/scriptaculous/controls.js?ver=1.8.3"
);
</script>

Feel free to contribue to the project on GitHub!

FAQ
ChangeLog