Optimizing

Compress JS/CSS

For production use, you may want to utilize gzip for your static CSS/JS assets. This is easy enough! Install bread-compressor-cli in a separate folder, such as a folder before your root path and use this package.json file:
1
{
2
"name": "adaptcms",
3
"scripts": {
4
"dev": "npm run development",
5
"local": "npm run dev",
6
"prod": "npm run production",
7
"compress": "bread-compressor -a gzip -s mysite/public/css/*.css mysite/public/js/*.js"
8
},
9
"private": true,
10
"dependencies": {
11
"bread-compressor-cli": "^1.1.0"
12
}
13
}
Copied!
Keep in mind, any time you run npm/yarn run prod, you will need to run the compressor since your browser should still be loading the gzip version of your asset files. Also, if you would like to build brotli files along with gzip, simply remove -a gzip.
Last modified 6mo ago
Copy link