Skip to content
Minify static JS/CSS in Magento 2
PHP
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs
src
.gitignore
LICENSE
README.md
composer.json

README.md

mage2_ext_minify

Minify static JS/CSS in Magento 2

Overview

There are some troubles with JS/CSS minification in Magento 2 (one, two, three, ...).

This extension just minifies all JS and CSS files in ./pub/static/** folder using matthiasmullie/minify module. All minified files stay on the places of the original files. All original files are backed up with extension *.not_minified.

Sample Magento 2 application with default Luma theme has 60/100 points on Google PageSpeed Insights and 2.4 MB size for it's home page before minification and 69/100 points and 1.5 MB after minification (details).

CAUTION: JS and CSS files in ./pub/static/** folder are links to the files in ./vendor/** folder, these files will be minified in result. Use this module in case you can re-deploy original files.

Installation

$ composer require flancer32/mage2_ext_minify
$ ./bin/magento setup:upgrade

Usage

Perform compilation of the static content before minification:

$ ./bin/magento setup:static-content:deploy

or switch to production mode:

$ ./bin/magento deploy:mode:set production

then run minification:

$ ./bin/magento fl32:minify:make
...
File '/var/www/vhosts/sample_mage2_module/work/pub/static/frontend/Magento/luma/en_US/tiny_mce/themes/simple/skins/o2k7/ui.css' is minified.
Total 2266 JS and 225 CSS files are found in './pub/static/' folder.
Total 2266 JS and 225 CSS files are minified.
Don't forget reset permissions for the files.

To revert minification:

$ ./bin/magento fl32:minify:revert
...
File '/var/www/vhosts/sample_mage2_module/work/pub/static/frontend/Magento/luma/en_US/tiny_mce/themes/simple/skins/o2k7/ui.css' is reverted.
Total 2266 JS and 225 CSS files are found in './pub/static/' folder.
Total 2266 JS and 225 CSS files are reverted.
Don't forget reset permissions for the files.
You can’t perform that action at this time.