SOLVED: Gutenberg Block styles: Reduce unused CSS

Feature Requests / Improvements
1

Browser: Chrome (new)
OS: Windows

hello,

On pages built with bricks, there is always a Lighthouse error**(Reduce unused CSS)** that seems to be for the block editor.

/wp-includes/css/dist/block-library/style.min.css?ver=6.7

When I disable the block editor using code, this error is resolved. 10 kilobytes of page size is reduced. It would be great if pages built with bricks didn’t have to load CSS code related to the block editor.

2

Hi Jolia,
Thanks again for your report!

I agree that loading the block styles is unnecessary if no blocks are used. But once again this is not a bug but an improvement :slight_smile:

Best regards,
timmse

3

Hi, yes, a native solution will be necessary for this.
Thanks.

4

I do this, is OK:

/**
 * Remove Gutenberg Block Library CSS from loading on the frontend
 */
add_action( 'wp_enqueue_scripts', 'smartwp_remove_wp_block_library_css', 100 );
function smartwp_remove_wp_block_library_css()
{
  $bricks_data = \Bricks\Helpers::get_editor_mode($post_id);
  if ($bricks_data) {
    wp_deregister_style( 'wp-block-library' );
  }
}
5

We reinvestigated this issue in the latest Bricks release and confirmed that it is no longer present. Please let us know if you’re still experiencing it.