Home WordPress Simply Unload scripts and styles in WordPress, without plugins

Simply Unload scripts and styles in WordPress, without plugins

724
storm trooper security

This is how you unload scripts and styles in WordPress:
Just add this code to your functions.php or to custom functions file:

// Dequeue a specific stylesheet
function dequeue_unused_styles() {
    wp_dequeue_style( 'unused-stylesheet' );
    wp_deregister_style( 'unused-stylesheet' );
}
add_action( 'wp_print_styles', 'dequeue_unused_styles', 100 );

// Dequeue a specific script
function dequeue_unused_scripts() {
    wp_dequeue_script( 'unused-script' );
    wp_deregister_script( 'unused-script' );
}
add_action( 'wp_print_scripts', 'dequeue_unused_scripts', 100 );

This code snippet uses the wp_dequeue_style() and wp_deregister_style() functions to dequeue and deregister a specific stylesheet, and the wp_dequeue_script() and wp_deregister_script() functions to dequeue and deregister a specific script. You need to replace “unused-stylesheet” and “unused-script” with the actual handle of the stylesheet and script you want to dequeue and deregister.

Here’s an example of how you can dequeue and deregister a specific stylesheet on only the “contact” page and a specific javascript file on only the “home” page:

add_action( 'wp_enqueue_scripts', 'my_dequeue_scripts' );
function my_dequeue_scripts() {
    if ( is_page( 'contact' ) ) {
        wp_dequeue_style( 'unwanted-stylesheet' );
        wp_deregister_style( 'unwanted-stylesheet' );
    }
    if ( is_page( 'home' ) ) {
        wp_dequeue_script( 'unwanted-javascript' );
        wp_deregister_script( 'unwanted-javascript' );
    }
}

In this example, I am using the is_page() function to check if the current page is the “contact” page or “home” page, and if it is, then I am using the wp_dequeue_style() and wp_deregister_style() functions to remove the unwanted stylesheet and the wp_dequeue_script() and wp_deregister_script() functions to remove the unwanted javascript. You need to replace ‘unwanted-stylesheet’ and ‘unwanted-javascript’ with the handle of the stylesheet and javascript file you want to remove, respectively.

You can also use other conditional tags like is_home(), is_front_page(), is_single(), is_singular() etc. to target specific pages, posts or custom post types.

Please keep in mind that you should always test your changes on a development or staging site before applying them to a live site, as modifying the functions.php file can cause errors or conflicts if not done correctly.

Kenobi
Dr. Kenobi holds a Ph.D. in Computer Science and is a seasoned tech writer specializing in Windows, WordPress, hosting, and system optimizations. With an eye for detail and a passion for creating custom websites and tailored hosting environments, he combines rigorous academic insight with practical, hands-on experience. When he isn’t demystifying the latest tech trends, he’s busy with creative projects—from wall painting to woodwork—blending artistry with engineering. His authoritative perspective and diverse skill set make every article a trusted resource for tech enthusiasts and professionals alike.

LEAVE A REPLY

Please enter your comment!
Please enter your name here