Skip Block Editor Styles on Elementor Pages
Stops the block library stylesheet loading on pages built entirely with Elementor, since those pages contain no blocks, which removes one render-blocking file.
Opens WPIDE on
Code
add_action( 'wp_enqueue_scripts', function () {
if ( ! is_singular() ) {
return;
}
if ( 'builder' !== get_post_meta( get_queried_object_id(), '_elementor_edit_mode', true ) ) {
return;
}
wp_dequeue_style( 'wp-block-library' );
wp_dequeue_style( 'wp-block-library-theme' );
wp_dequeue_style( 'classic-theme-styles' );
}, 100 );Notes
Leave it off if your Elementor header or footer templates contain WordPress blocks.
How to add this snippet
- Install WPIDE on your WordPress site (it is free) and open Code Snippets.
- Use snippet above adds it from the library in one click. Or copy the code into a new snippet with the same code type.
- It is added inactive: review the code and settings, then switch it on.