update benchmarks

Author: Bart Veneman

benchmark/benchmark.js

@@ -22,7 +22,7 @@ files.forEach(([, name]) => {
   }
 })
 
-console.log('Running benchmark on /dist/analyzer.js:')
+console.log('Running benchmark on /dist/analyzer.modern.js:')
 const header = `${'File'.padEnd(maxLen + 2)} | ${'Size'.padStart(7)} |  total | parse | Analyze        |`
 console.log(''.padEnd(header.length, '='))
 console.log(header)

benchmark/memory.js

@@ -1,19 +1,18 @@
 # Benchmarks
 
-## Analyzing
-
-`node benchmark/benchmark.js`
+## Running time
 
 ```
-Bol.com                 (468 kB):  10.07 ops/sec
-Bootstrap 5.0.0         (195 kB):  23.98 ops/sec
-CSS-Tricks              (195 kB):  23.00 ops/sec
-Facebook.com            (268 kB):  15.66 ops/sec
-GitHub.com              (514 kB):  11.47 ops/sec
-Gazelle.nl              (972 kB):   3.38 ops/sec
-Lego.com                (246 kB):  19.81 ops/sec
-Smashing Magazine.com   (1.1 MB):   3.79 ops/sec
-Trello.com              (312 kB):  13.15 ops/sec
+Bol.com                 ( 468 kB)  120ms
+Bootstrap 5.0.0         ( 195 kB)   50ms
+CNN                     (1.77 MB)  377ms
+CSS-Tricks              ( 195 kB)   54ms
+Facebook.com            ( 268 kB)   75ms
+GitHub.com              ( 514 kB)   93ms
+Gazelle.nl              ( 972 kB)  307ms
+Lego.com                ( 246 kB)   56ms
+Smashing Magazine.com   ( 1.1 MB)  298ms
+Trello.com              ( 312 kB)   82ms
 ```
 
 ## Parsing vs. analyzing
@@ -24,14 +23,14 @@ Trello.com              (312 kB):  13.15 ops/sec
 =====================================================================
 File                    |    Size |  total | parse | Analyze        |
 =====================================================================
-Bol.com                 |  468 kB |  330ms | 207ms |  122ms (37.0%) |
-Bootstrap 5.0.0         |  195 kB |  122ms |  87ms |   34ms (27.9%) |
-CSS-Tricks              |  195 kB |   98ms |  64ms |   34ms (34.7%) |
-CNN                     | 1.77 MB |  563ms | 367ms |  193ms (34.3%) |
-Facebook.com            |  268 kB |   96ms |  49ms |   47ms (49.0%) |
-GitHub.com              |  514 kB |  161ms |  79ms |   80ms (49.7%) |
-Gazelle.nl              |  972 kB |  343ms | 215ms |  124ms (36.2%) |
-Lego.com                |  246 kB |   73ms |  37ms |   35ms (47.9%) |
-Smashing Magazine.com   |  1.1 MB |  300ms | 162ms |  136ms (45.3%) |
-Trello.com              |  312 kB |   84ms |  49ms |   34ms (40.5%) |
+Bol.com                 |  468 kB |  338ms | 206ms |  131ms (38.8%) |
+Bootstrap 5.0.0         |  195 kB |  134ms |  90ms |   37ms (27.6%) |
+CNN                     | 1.77 MB |  595ms | 393ms |  200ms (33.6%) |
+CSS-Tricks              |  195 kB |  107ms |  72ms |   35ms (32.7%) |
+Facebook.com            |  268 kB |   97ms |  44ms |   53ms (54.6%) |
+GitHub.com              |  514 kB |  127ms |  53ms |   72ms (56.7%) |
+Gazelle.nl              |  972 kB |  332ms | 212ms |  116ms (34.9%) |
+Lego.com                |  246 kB |   66ms |  38ms |   28ms (42.4%) |
+Smashing Magazine.com   |  1.1 MB |  311ms | 166ms |  143ms (46.0%) |
+Trello.com              |  312 kB |   82ms |  45ms |   37ms (45.1%) |
 ```

benchmark/parse-analyze-ratio.js

@@ -2,16 +2,16 @@ import byteSize from './format-filesize.js'
 import { analyze as analyzeCss } from '../dist/analyzer.modern.js'
 import * as fs from 'fs'
 const files = [
-  ['bol-com-20190617', 'Bol.com', 130],
-  ['bootstrap-5.0.0', 'Bootstrap 5.0.0', 54],
-  ['cnn-20220403', 'CNN', 406],
+  ['bol-com-20190617', 'Bol.com', 121],
+  ['bootstrap-5.0.0', 'Bootstrap 5.0.0', 49],
+  ['cnn-20220403', 'CNN', 376],
   ['css-tricks-20190319', 'CSS-Tricks', 54],
-  ['facebook-20190319', 'Facebook.com', 79],
-  ['github-20210501', 'GitHub.com', 101],
-  ['gazelle-20210905', 'Gazelle.nl', 332],
-  ['lego-20190617', 'Lego.com', 63],
-  ['smashing-magazine-20190319', 'Smashing Magazine.com', 332],
-  ['trello-20190617', 'Trello.com', 86]
+  ['facebook-20190319', 'Facebook.com', 76],
+  ['github-20210501', 'GitHub.com', 93],
+  ['gazelle-20210905', 'Gazelle.nl', 311],
+  ['lego-20190617', 'Lego.com', 59],
+  ['smashing-magazine-20190319', 'Smashing Magazine.com', 302],
+  ['trello-20190617', 'Trello.com', 83]
 ]
 
 let maxLen = -1
@@ -30,25 +30,28 @@ files.forEach(([filename, name, expectedDuration]) => {
   const css = fs.readFileSync(`./src/__fixtures__/${filename}.css`, 'utf-8')
   const fileSize = byteSize(css.length)
   suite.push([
-    `${name.padEnd(maxLen + 2)} (${fileSize.padStart(7)})`,
+    `${name.padEnd(maxLen + 2)} ${fileSize.padStart(7)}`,
     () => analyzeCss(css),
-    expectedDuration
+    expectedDuration,
+    css.length,
   ])
 })
 
 const RUN_COUNT = 25
 
-suite.forEach(([name, fn, expectedDuration]) => {
+suite.forEach(([name, fn, expectedDuration, size]) => {
   const start = new Date()
   for (let i = 0; i < RUN_COUNT; i++) {
     fn();
   }
   const duration = Math.floor((new Date() - start) / RUN_COUNT)
   const overtime = expectedDuration - duration
+  const bytesPerSecond = Math.floor(1000 / duration * size)
   console.log(
     name,
     `${duration}ms`.padStart(6, ' '),
-    `(${overtime >= 0 ? '-' : '+'}${Math.abs(overtime)}ms ${Math.round(Math.abs(overtime) / duration * 100)}%)`,
+    `(${overtime >= 0 ? '-' : '+'}${Math.abs(overtime)}ms ${Math.round(Math.abs(overtime) / duration * 100)}%)`.padStart(10),
+    `${byteSize(bytesPerSecond)}/s`.padStart(9)
   )
 })
 

benchmark/readme.md

@@ -53,6 +53,6 @@
     "watchlist": "^0.2.3"
   },
   "mangle": {
-    "regex": "^_"
+    "regex": "^_[^_]"
   }
 }