Rework vs Postcss speed bench

[MoOx]

I'm curious to know if speed diff with rework is it's just because of keeping use whitespace & coding style.
https://gist.github.com/MoOx/1b0d7d2bd987e0735e0e
Any comment ?

[ai]

Yeap, now PostCSS made few RegExp match on every node parsing to split spaces correctly. I think with tokenaize step before I can reduce RegExp and allow to autodetect at-rule content #41

[ai]

PostCSS will not be faster that Rework, but tokenizer get some speed boost.

Current:

PostCSS:     775 ms
CSSOM:       163 ms (4.8 times faster)
Rework:      314 ms (2.5 times faster)
Gonzales:    776 ms (1.0 times slower)
Gonzales PE: 761 ms (1.0 times faster)

My private tokenizer branch:

PostCSS:     480 ms
CSSOM:       224 ms (2.1 times faster)
Rework:      379 ms (1.3 times faster)
Gonzales:    735 ms (1.5 times slower)
Gonzales PE: 698 ms (1.5 times slower)

[MoOx]

Awesome news !
Great work :)

[yisibl]

💯

[ai]

Good news, everyone!

@Termina1 made really amazing work and speed up new tokenizer branch. PostCSS 3.0 will be fatser, that Rework.

Current PostCSS 2.x:

PostCSS:     426 ms
CSSOM:       107 ms (4.0 times faster)
Rework:      194 ms (2.2 times faster)
Gonzales:    468 ms (1.1 times slower)
Gonzales PE: 470 ms (1.1 times slower)

New tokenizer branch with @Termina1 fixes:

PostCSS:     139 ms
CSSOM:       99 ms  (1.4 times faster)
Rework:      181 ms (1.3 times slower)
Gonzales:    416 ms (3.0 times slower)
Gonzales PE: 406 ms (2.9 times slower)

[kizu]

That's some really awesome news!

[MoOx]

👍 👍 👍

[magsout]

Very good job

[andreypopp]

🚀 🚀 🚀

[ai]

Unfortunately, es6-transpiler has side effects and as I found out it slow down some JS code (mostly CSSOM and Rework). Currect tokenizer branch uses 6to5 and has more honest benchmark:

CSSOM:       27 ms  (2.3 times faster)
PostCSS:     62 ms  
Rework:      63 ms  (1.0 times slower)
Gonzales PE: 163 ms (2.6 times slower)
Gonzales:    170 ms (2.7 times slower)
Stylecow:    219 ms (3.5 times slower)

Also I start to use Bootstrap CSS, because it has whitespaces and comments indead of GitHub CSS. And now benchmark contains Stylecow.

[ai]

BTW, I suggested to @brainopia and @Termina1 2 boutles of Ruby porto award if they will increase PostCSS perfomance for 2 times (to 30-40 ms for parsing Bootstrap). Maybe somebody want to join this competition? ;)

[ai]

I disable node.source generation if user doesn’t want to add source maps and it increase perfomance up to 30%:

CSSOM:       27 ms  (1.8 times faster)
Mensch:      47 ms  (1.1 times faster)
PostCSS:     49 ms  
Rework:      64 ms  (1.3 times slower)
Gonzales PE: 171 ms (3.5 times slower)
Gonzales:    179 ms (3.6 times slower)
Stylecow:    206 ms (4.2 times slower)