WP Asset Manager

WP Asset Manager (wp-asset-manager) is a WordPress plugin that deactivates individual or all WP plugin styles and scripts per page to decrease load time. Please leave a review or suggested improvements and spread the word!

Common uses

  • Contact Form 7 – CF7 will load its stylesheet and script into everypage, this plugin will restrict it to load into pages you need it for.
  • Prevent jQuery loading into every page.
  • Add/remove custom Stylesheets per page.
  • Add/remove custom JS per page.

Setup

  • Add folder to wp-content/plugins/ directory
  • Login to wp-admin
  • Go to plugins
  • Activate plugin
  • Put the following code into your themes header and footer.
  • All plugin scripts and stylesheets will be disabled by default
  • When editing a page, a new widget will appear below the MCE editor where you can enable / disable scripts.

Code

Add the following code to your themes header and footer

header.php

<?php
wp_reset_query();
global $post;
$styles_query = get_post_meta( $post->ID, '_active_styles', true );
$styles_array = unserialize($styles_query);
?>

<?php if (!empty($styles_array[0])) { foreach($styles_array as $style): ?>
<link rel="stylesheet" href="<?php echo $style; ?>">
<?php endforeach; } ?>

footer.php

<?php
wp_reset_query();
global $post;
$scripts_query = get_post_meta( $post->ID, '_active_scripts', true );
$scripts_array = unserialize($scripts_query);
?>

<?php if (!empty($scripts_array[0])) { foreach($scripts_array as $script): ?>
<script src="<?php echo $script; ?>"></script>
<?php endforeach; } ?>

Screenshots

Adding Custom Scripts

WP Asset Manager - Custom Scripts

Adding Custom Styles

WP Asset Manager - Custom Styles

Enabling/Disabling styles and scripts per page

WP Asset Manager - Sample Page

Active Scripts
Active Scripts

Live Examples

Future Releases

  • Ability to assign custom styles and scripts to custom post types.
  • Automatically save active themes stylesheets and scripts.

Useful Links