Places all your CSS and Javascript files into dedicated bundles that can be cached by browsers and re-used between requests. It assumes that a single request with slightly larger transfer size is more performant than multiple smaller requests (even with HTTP/2 multiplexing).
Install using Composer:
composer require kasparsd/minit
or by manually downloading the latest release file.
-
Concatenates all CSS files and Javascript files one file for each type (
.jsand.css), and stores them in the WordPress uploads directory under/minit. See the configuration section below for how to exclude files from the bundle. -
Uses the combined version numbers of the enqueued assets to version the bundles.
-
Loads the concatenated Javascript file asynchronously in the footer. This will probably break all inline scripts that rely on jQuery being available. See the configuration section below for how to disable this.
See the Wiki for additional documentation.
Use the minit-script-tag-async filter to load the concatenated Javascript synchronously:
add_filter( 'minit-script-tag-async', '__return_false' );
Use the minit-exclude-js and minit-exclude-css filters to exclude files from the concatenated bundles:
add_filter( 'minit-exclude-js', function( $handles ) {
$handles[] = 'jquery';
return $handles;
} );
Full block-based themes enqueue the individual stylesheets only for the blocks that are required for the current request. This leads to bundles being unique between requests thus defeating the purpose or cache re-use. Use the should_load_separate_core_block_assets filter to enqueue a single block-library stylesheet instead on all requests:
add_action(
'plugins_loaded',
function () {
if ( class_exists( 'Minit_Plugin' ) ) {
// Add late to override the default behaviour.
add_filter( 'should_load_separate_core_block_assets', '__return_false', 20 );
}
},
100 // Do it after all plugins are loaded.
);
Use this filter to apply basic CSS minification to the created bundle:
add_filter(
'minit-content-css',
function ( $css ) {
$css = preg_replace( '/[\n\r\t]/mi', ' ', $css ); // Line breaks to spaces.
$css = preg_replace( '/\s+/mi', ' ', $css ); // Multiple spaces to single spaces.
return $css;
},
5 // Do it before the debug comment in the head.
);
Created by Kaspars Dambis and contributors.