SensioLabs Minify Bundle

composer require sensiolabs/minify-bundle

Minify integration

SensioLabs Minify Bundle integrates Minify into Symfony Asset Mapper.

Asset Minifier

✅ Minify CSS and JS files, remove whitespace, comments, and more..

🌍 Reduces the size of your assets by up to 70% (see metrics below).

🚀 Improves the loading time of your website, and the user experience.

Asset Mapper

🎯 Automatically minify assets during the build process.

📦 Stores minified assets in the Symfony cache.

🌿 Download the Minify binary automatically from Github.

Minification

JavaScript

File	Original	Minified	Ratio	Gain	Compression	Time
autocomplete.js	19.88 KB	9.17 KB	46.13%	53.87%	🟩🟩🟩🟩🟩⬜️⬜️⬜️⬜️⬜️	8 ms
bootstrap.js	145.40 KB	62.20 KB	42.76%	57.24%	🟩🟩🟩🟩🟩🟩⬜️⬜️⬜️⬜️	10 ms
video.js	2.35 MB	690.10 KB	29.33%	70.67%	🟩🟩🟩🟩🟩🟩🟩⬜️⬜️⬜️	42 ms
w3c.org js	43.39 KB	19.23 KB	44.34%	55.66%	🟩🟩🟩🟩🟩🟩⬜️⬜️⬜️⬜️	6 ms

Even gzip compression is more efficient on minified assets (see metrics below).

See transfert comparaison (gzip)

File	Original	Minified	Ratio	Gain	Compression
autoComplete.js	5.59 KB	2.68 KB	47.96%	52.04%	🟩🟩🟩🟩🟩⬜️⬜️⬜️⬜️⬜️
bootstrap.js	29.92 KB	12.58 KB	42.06%	57.94%	🟩🟩🟩🟩🟩🟩⬜️⬜️⬜️⬜️
video.js	538.83 KB	202.62 KB	37.61%	62.39%	🟩🟩🟩🟩🟩🟩⬜️⬜️⬜️⬜️
w3c.org.js	10.44 KB	5.89 KB	56.45%	43.55%	🟩🟩🟩🟩⬜️⬜️⬜️⬜️⬜️⬜️

CSS

File	Original	Minified	Ratio	Gain	Compression	Time
autocomplete.css	3.09 KB	2.51 KB	81.33%	18.67%	🟩🟩⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️	2 ms
bootstrap.css	281.05 KB	231.89 KB	82.51%	17.49%	🟩🟩⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️	9 ms
video-js.css	53.37 KB	47.06 KB	88.24%	11.76%	🟩🟩⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️	4 ms
w3c.org css	111.44 KB	70.37 KB	63.17%	36.83%	🟩🟩🟩🟩⬜️⬜️⬜️⬜️⬜️⬜️	5 ms

See transfert comparaison (gzip)

File	Original	Minified	Ratio	Gain	Compression
autoComplete.css	1.08 KB	0.89 KB	82.41%	17.59%	🟩🟩⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️
bootstrap.css	33.56 KB	28.94 KB	86.08%	13.92%	🟩⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️
video-js.css	13.14 KB	12.72 KB	96.79%	3.21%	🟩⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️⬜️
w3c.org.css	21.98 KB	13.65 KB	62.13%	37.87%	🟩🟩🟩🟩⬜️⬜️⬜️⬜️⬜️⬜️

Installation

Make sure Composer is installed globally, as explained in the installation chapter of the Composer documentation.

With Symfony Flex

Open a command console, enter your project directory and execute:

composer require sensiolabs/minify-bundle

Without Symfony Flex

How to install without Symfony Flex

Step 1: Download the Bundle

Open a command console, enter your project directory and execute the following command to download the latest stable version of this bundle:

composer require sensiolabs/minify-bundle

Step 2: Enable the Bundle

Then, enable the bundle by adding it to the list of registered bundles in the config/bundles.php file of your project:

// config/bundles.php

return [
    // ...
    Sensiolabs\MinifyBundle\SensiolabsMinifyBundle::class => ['all' => true],
];

Depending on your deployment process, you might want to enable the bundle only in the desired environment(s).

Usage

If you use AssetMapper, run the following command to minify all the assets:

php bin/console asset-map:compile

This command is usually run when serving assets in production and the SensioLabs Minify Bundle will hook into it to minify all assets while copying them.

Command Line

You can also minify assets manually with the command line. First, make sure that the binary file used to minify assets is properly installed in your computer:

php bin/console minify:install

Then, run the following command to minify assets:

# this outputs the result in the console
php bin/console minify:asset css/main.css

# this will write the output into the 'main.min.css' file
# (the given output file is created / overwritten if needed)
php bin/console minify:asset css/main.css css/main.min.css

Configuration

AssetMapper

# config/packages/sensiolabs_minify.yaml
sensiolabs_minify:
    asset_mapper:
        # you can minify only CSS files, only JS files or both
        types:
            css: true # (default: true)
            js:  true # (default: true)

        # a list of assets to exclude from minfication (default: [])
        # the values of the list can be any shell wildcard patterns
        ignore_paths:
            - 'admin/*'
            - '*.min.js'

        # whethere to exclude the assets stored in vendor/ from minification;
        # these assets are usually already minified, so it's common to ignore them
        ignore_vendor: true # (default: true)

Minify Binary

Local binary

The minification is performed by a binary file that can be installed on your computer/server or downloaded automatically by the bundle. This is the default configuration used by the bundle:

# config/packages/sensiolabs_minify.yaml
sensiolabs_minify:
    # ...

    minify:
        # this disables the usage of local binaries
        local_binary: false

        # if TRUE, the bundle will download the binary from GitHub
        download_binary: '%kernel.debug%'

        # the local path where the downloaded binary is stored
        download_directory: '%kernel.project_dir%/var/minify'

You can customize this configuration to use a local binary:

# config/packages/sensiolabs_minify.yaml
sensiolabs_minify:
    # ...

    minify:
        # set it to 'auto' to let the bundle try to find the location of the binary
        local_binary: 'auto'

        # you can also define the path to the binary explicitly, but this won't work
        # if you run the application in multiple servers with different binary locations
        local_binary: "/usr/local/bin/minify"

Credits

Authors

• MinifyBundle: Simon André & SensioLabs
• Minify binary: Timo Dewolf

Acknowledgments

This bundle is inspired by the following projects:

• SassBundle from @SymfonyCasts
• BiomejsBundle from @Kocal
• TypeScriptBundle from @SensioLabs

Contributors

Special thanks to the Symfony community for their contributions and feedback.

License

The SensioLabs Minify Bundle is released under the MIT license.