Remove Plugin Stylesheets and Scripts - WordPress

Many WordPress plugins implicitly inject style sheets and JavaScript files into the page. If our theme is a customized one, we can eliminate some of these additional styles & scripts.

When you plan to optimize your WordPress site, you can find that these additional file request have some impact on our page load. So if possible, I suggest to optimize these additional file requests.

When scripts and styles are added properly, they use the wp_enqueue_style and wp_enqueue_script functions within the plugin files as such:

// Styles Format:  wp_enqueue_style($handle, $src, $deps, $ver, $media);
wp_register_style('pagination-style', plugins_url('style.css', __FILE__));
wp_enqueue_style('pagination-style');

// Script Format:  wp_enqueue_script($handle, $src, $deps, $ver, $in_footer);
wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js');
wp_enqueue_script('jquery');

Those handle names are incredibly important because in our theme’s functions.php we have to add their counterpart calls of wp_dequeue_style and wp_dequeue_script functions:

// Remove from my page!
wp_dequeue_style('pagination-style');
wp_dequeue_script('jquery');

To remove plugin style sheets and scripts, we have to dig into the plugin code to find their script and style handles. But at the end, it will be worth.

Recent Posts

1. Automating Code Linting with GitHub Actions for WordPress Plugins
2. Comprehensive Guide to Linting PHP, JavaScript, and CSS in WordPress Plugins Using Composer
3. The Ultimate Guide to Indexing in Database Design
4. Understanding 'update_meta_cache' in WordPress - When to Use It, When Not to, and Its Impact on Database Queries
5. A Guide to Configuring JavaScript and SCSS Paths in WordPress Plugins with @wordpress/scripts

This article was published on December 14, 2016

Your Questions / Comments

If you found this article interesting, found errors, or just want to discuss about it, please get in touch.