HeadJS Loader
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!
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
-
- Give a name to your project
-
- Download the Installer Package
-
- Install & activate the plugin locally
-
- Install the suggested dependencies
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.