WordPress.org

Ready to get started?Download WordPress

Plugin Directory

HeadJS Loader

A WordPress plugin to load your Javascript files via Head JS.

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!

Tags: , ,

Requires: 3.0 or higher
Compatible up to: 3.5.2
Last Updated: 2013-1-25
Downloads: 7,024

Ratings

4 stars
4.5 out of 5 stars

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
0,1,0
100,1,1