How to Dequeue All WordPress Assets

Question

How to Dequeue All WordPress Assets

Ken Prince

2020年5月9日 23:05

I want to dequeue all styles and scripts that are loaded on the front-end (EG. not the admin panel) by default.

I found this function, but am not sure how to utilize it to accomplish my goal.

I'm seeing a ton of assets that I don't need on the front end, loaded by WP core:

For example:

backbone.js
jquery UI
jquery UI datepicker
5 different mediaelement assets (js + css)
underscore.js
wp-embed js
wp-util js

Topic backbone underscore core-modifications core plugins Wordpress

Category Web

gtamborero · Accepted Answer · 2020年5月9日 23:05

Is that easy, use dequeue on your functions.php file (inside your active theme). This way I dequeue 4 files:

// DEQUEUE GUTENBERG STYLES FOR FRONT
function my_deregister_scripts_and_styles() {
  wp_deregister_script('wp-util'); //deregister script
  wp_deregister_script('underscore'); 
  wp_dequeue_style( 'wp-block-library'); //deregister style
  wp_dequeue_style( 'wc-block-style' ); 
  wp_dequeue_style( 'wp-block-library-theme' );
}
add_action( 'wp_enqueue_scripts', 'my_deregister_scripts_and_styles', 999);

Try directly the asset name without it's extension (js / css) and if it doesn't work open the html inspector and try to use the id name of the script. For example: <link rel='stylesheet' id='resource-special-name' href='https://www.test.com/resource.css' type='text/css' />

If it doesn't work, then do a full search of the name (for example: block-style.css) and you will find a call as this:

`wp_enqueue_style( 'block-special-name', get_template_directory_uri() . '/css/vendor/block-style.css',

Alex Protopopescu · Accepted Answer · 2016年10月20日 19:51

This will do the trick for you, assuming that you don't have any custom extra assets loading from the /wp-admin/ directory in the frontend.

It takes the $wp_scripts and $wp_styles globals, iterates through the registered resources and deregisteres the resources which have a source directory not containing '/wp-admin/'.

function my_deregister_scripts_and_styles() {
    global $wp_scripts, $wp_styles;

    foreach($wp_scripts->registered as $registered)
        if(strpos($registered->src,'/wp-admin/')===FALSE)
            wp_deregister_script($registered->handle);

    foreach($wp_styles->registered as $registered)
        if(strpos($registered->src,'/wp-admin/')===FALSE)
            wp_deregister_style($registered->handle);
}
add_action( 'wp_enqueue_scripts', 'my_deregister_scripts_and_styles');

Niels van Renselaar · Accepted Answer · 2016年10月20日 15:21

I'm not sure what more you need that the example there, and remember that some scripts are needed for stuff like the admin bar and are not enqueued if you are not logged in.

function wpdocs_dequeue_script() {
   wp_dequeue_script( 'jquery-ui-core' );
}
add_action( 'wp_print_scripts', 'wpdocs_dequeue_script', 100 );

This will dequeue the jquery-ui-core js. Adding more lines of 'wp_dequeue_script' with the JS you want to dequeue will remove them aswel. You can find all the handles trough a dump of $wp_scripts.

<?php global $wp_scripts; var_dump($wp_scripts); ?>

How to Dequeue All WordPress Assets

About