cssbench

Benchmark css minifiers

Usage no npm install needed!

<script type="module">
  import cssbench from 'https://cdn.skypack.dev/cssbench';
</script>

README

Benchmark css minifiers

Simple benchmark for CSS minifiers:

Installation

NPM

npm install -g cssbench

Usage

Command line

# CSS
cssbench style.css

# SASS
cssbench style.sass
cssbench style.scss

# LESS 
cssbench style.less

# Stylus
cssbench style.styl

or with save results

# CSS
cssbench style.css -s

# SASS
cssbench style.sass -s
cssbench style.scss -s

# LESS 
cssbench style.less -s

# Stylus
cssbench style.styl -s

# save to a file =>
# style-cleancss.css    <- clean-css
# style-cssshrink.css   <- cssshrink
# style-csso.css        <- csso

Results

Example

Options

-s      # Save results in the working directory

Build form coffee source

Build project

The source code in the folder development. They should be compiled in the bin folder

# With watching
gulp

or

gulp build

Build gulpfile

coffee -c gulpfile.coffee

Changelog

0.3.0 [ Stable ]

  • Add - benchmark for cssnano compressor
  • Add - gziped size comparison
  • Add - run standalone app.js file, to benchmark on bootstrap 3, foundation 6 and skeleton

0.2.0 [ Stable ]

0.1.0 [ Stable ]

  • Add - first realise