Re-Order – Change CSS and JS Loading Order

Description

Notice: This Plugin is no longer being actively developed. At the moment, we believe it to be fairly stable and we’ll still try and fix issues that come along.

Re-Arrange the Order Which Your JavaScript and CSS Files Load with a simple visual editor and move scripts to the site footer.

Screenshots

  • Settings Screen

Installation

Plugin Directory

  1. Search the plugin directory for plugin.
  2. Click ‘Install Now’.
  3. Activate the plugin.
  4. ‘Re-Order’ should be added to the side menu in the admin area, along with the default settings.
  5. Modify or keep default settings.

Upload

  1. Download the plugin Zip file.
  2. Go to plugins in the WordPress Admin area.
  3. Select ‘Upload Plugin’
  4. Activate the plugin.
  5. ‘Re-Order’ should be added to the side menu in the admin area, along with the default settings.
  6. Modify or keep default settings.

FAQ

Installation Instructions

Plugin Directory

  1. Search the plugin directory for plugin.
  2. Click ‘Install Now’.
  3. Activate the plugin.
  4. ‘Re-Order’ should be added to the side menu in the admin area, along with the default settings.
  5. Modify or keep default settings.

Upload

  1. Download the plugin Zip file.
  2. Go to plugins in the WordPress Admin area.
  3. Select ‘Upload Plugin’
  4. Activate the plugin.
  5. ‘Re-Order’ should be added to the side menu in the admin area, along with the default settings.
  6. Modify or keep default settings.
Will this work with caching plugins?

*Yes – This plugin should work with most caching plugins, even if the plugin merges JS and CSS files together. It should

change the order in which they\’re merged into a new file. The only plugin that we know of it not being compatible with is

Better WordPress Minify*

What happens if I decide deactivate the plugin?

*It will return your site to normal as it was before. The original order of files will be restored. This plugin makes no

permanent changes to your WordPress sites structure.*

Reviews

Saved me a headache 🙂

Works great, click on a button once to load a dummy version of the site and it auto-detects every single CSS and JS file and lets you drag and drop in a vertical list, so you can tweak the order, saved me on a stupid template which would load the CUSTOM CSS file first so if it wasn’t for this neat plugin, I’d have to put !important everywhere! Thank you plugin author, works like a charm, took more time to write this message than to fix my CSS issue thanks to your plugin! 😀 5/5 rating!

Works like a charm

Works perfectly well and does what it says. I needed to load my theme’s css files first to avoid (as much as possible) rendering problems. Background image, and menu nav custom css needed to be loaded as soon as possible. This plugin improved the rendering by allowing me to move those files up.

One foot note, the drag and drop interface works fine but it’s a little tricky since you have to place the mouse pointer over the edge of the box that you intend to move in order to be able to drag it, otherwise it will seem like you’re not able to do so.

Many thanks to the author.

Read all 4 reviews

Contributors & Developers

“Re-Order – Change CSS and JS Loading Order” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

Version 0.3

  • Update to improve plugin for performance testing

Version 0.1

  • First beta release of plugin