WP Clips Combine and Minify

Description

USING THE CLIP

Enqueued files are automatically minified and combined on a page’s first load. This may take a few seconds. The resulting minified/combined files are only refreshed when –

1. a new CSS or JS file is added
2. an existing CSS or JS file is modified
3. Clips are updated via ‘WP Clips Control’

A refresh can be ‘forced’ by clicking the Update button in ‘WP Clips Control’.

Setting Conditional Enqueues

By default, the Clip creates two sets of combined/minified files. One set is for the front-page, and the other is for all remaining pages. If any stylesheets/scripts (other than front-page) are enqueued conditionally (e.g. if( is_archive() ) ), the condition should be added via a filter to trigger a new set of combined/minified files.

For example, if additional CSS/JS files are enqueued only on a single post, and another set only on a WooCommerce product archive, you would add the following code to the custom Clip to create two new combined/minified file sets under those conditions –

// Add conditions for new minified file sets
add_filter( 'clip_minify_styles_conds', 'example_function' ); // for CSS
add_filter( 'clip_minify_scripts_conds', 'example_function' ); // for JS
function example_function( $conds ) {
    $new_conds = array( is_single(), is_woocommerce() && is_archive() ); // conditions
    foreach( $new_conds as $new_cond ) {
        if( ! in_array( $new_cond, $conds )
            $conds[] = $new_cond;
    }
    return $conds;
}

Note: Always refresh caches after changes.

OPTIONS

If you wish to enable HTML minifying, add the following code to your custom Clip’s custom-functions.php file –

// Enable minify for HTML output
add_action( 'get_header', 'clip_minify_html' );

If you wish to disable combine and minify for CSS stylesheets and JS scripts, add the appropriate code below to your custom Clip’s custom-functions.php file –

// Disable combine and minify for CSS stylesheets
remove_action( 'wp_enqueue_scripts', 'clip_combine_minify_styles', 99 );

// Disable combine and minify for JS scripts
remove_action( 'wp_enqueue_scripts', 'clip_combine_minify_scripts', 99 );

Note: Always refresh caches after changes.

NOTES

When activated and on load, this Clip adds combined/minified files to the Clip’s /files/ directory.

The Clip uses a modified version of Bennett Stone’s magic-min script at https://github.com/bennettstone/magic-min.

MORE INFORMATION

https://github.com/bennettstone/magic-min (magic-min)
https://gist.github.com/unfulvio/5889564 (html-compression)