This plugin hasn’t 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.

HeadJS Loader

Description

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!

Installation

  1. Upload headjs-loader directory to /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

FAQ

No questions

No answers.

Contributors & Developers

“HeadJS Loader” is open source software. The following people have contributed to this plugin.

Contributors

Translate “HeadJS Loader” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

0.1.1

  • Fixed bug that caused apache erorr messages if no javascript was declared.

0.1

  • Initial release.