Gulp - CSSO vs CLEAN-CSS?

Question

css

What is better to use in gulp to minify CSS styles, CSSO or CLEAN-CSS What are their pros and cons and which is better?

Answer 1

I myself once chose between csso and cssnano - after testing each in several projects, the minified style files after csso were smaller in size. Of course, you need to take into account that you can run with different options, but I always make a choice based on my own testing. Therefore, the choice is yours.

Answer 2

Neither one nor the other.
The best is CSSNano. In addition to the usual CSS minification, it uses other code reduction techniques (for example, converting RGB and RGBA colors to HEX colors, removing unnecessary property values, shortening animation names, combining several classes separated by commas in case of the same styles, well, a bunch everything else).
https://cssnano.co
https://www.npmjs.com/package/gulp-cssnano
PS Works correctly with AutoPrefixer (because it's also based on PostCSS). It also supports source maps.
UPDATE.We are talking about the work of the original CSSNano (not gulp-cssnano) in conjunction with PostCSS for Gulp. See other people's comments on my answer, there are some interesting things/aspects about other similar plugins that might well be better than CSSNano.

Answer 3

I'll just leave this here. Test results:

Red color - not very good.
Blue is normal.
Another color is in the middle range of the number.