stitchesjs / stitches-bench

A few methods of measuring CSS-in-JS performance

Home Page:stitches-bench.modulz-deploys.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Add other zero-runtime CSS in JS libraries to the benchmark

kaushalyap opened this issue · comments

Please consider adding following too

In addition consider adding a CSS modules implementation too.

@kaushalyap I had a quick go at adding vanilla extract for the "mount deep tree" benchmark in #6 :

These are the results on my machine for vanilla extract:

First run Last run Mean Median Fastest Slowest SD
Test 1 2.700000 1.100000 1.478000 1.200000 0.900000 3.800000 0.598428
Test 2 3.200000 1.300000 1.380000 1.200000 0.700000 3.200000 0.540740
Test 3 2.800000 1.100000 1.510000 1.200000 0.800000 3.600000 0.622656
Average 2.900000 1.166667 1.456000 1.200000 0.800000 3.533333 0.588279

And for Stiches v1:

First run Last run Mean Median Fastest Slowest SD
Test 1 6.400000 2.400000 2.986000 2.700000 2.200000 7.200000 0.903329
Test 2 7.000000 2.300000 3.046000 2.700000 2.300000 7.000000 0.957123
Test 3 6.900000 2.500000 3.088000 2.700000 2.400000 6.900000 0.890537
Average 6.766667 2.400000 3.040000 2.700000 2.300000 7.033333 0.917450