benchmarks
clk: ~3.08 GHzcpu: AMD EPYC 7763 64-Core Processorruntime: chromium (x64-linux)benchmark avg (min … max) p75 / p99 (min … top 1%)
• Inflation ----------------------------------------------------------------- ------------------------------- Inflate 1,000 elements with attribute 2.61 ms/iter 2.55 ms █▅ (2.04 ms … 5.62 ms) 4.90 ms ███▃ ( 0.00 b … 3.75 mb) 85.83 kb ████▄▃▂▁▁▁▁▂▅▅▃▂▂▁▁▁▂
Inflate nested JSX trees 1,000x 8.16 ms/iter 8.85 ms █ (6.60 ms … 16.43 ms) 15.44 ms ▆█ ( 0.00 b … 2.63 mb) 175.59 kb ███▁▅█▅▅▂▁▂▁▁▁▁▂▁▂▂▁▂
Handle 1,000 reactive elements 9.62 ms/iter 10.22 ms █ ▃ (7.22 ms … 17.54 ms) 15.74 ms █▇█ (512.00 kb … 8.63 mb) 4.76 mb ▂███▅▅▂▂▁▂▂▄▁▄▂▂▁▄▄▄▄
Handle a reactive update for 1,000 elements 1.27 ms/iter 1.27 ms █▆ (1.06 ms … 2.75 ms) 2.04 ms ██ ( 0.00 b … 1.50 mb) 476.62 kb ▄▂▁██▄▄▃▃▂▂▁▁▁▁▁▁▁▁▁▁
Toggle 500 mounted spans 7.07 ms/iter 7.31 ms ▃█ (5.61 ms … 19.15 ms) 12.38 ms ██ ▂ ( 0.00 b … 6.00 mb) 1.10 mb ███▄▅█▄▃▁▂▂▂▂▃▂▃▂▃▁▂▂
• Inflation ----------------------------------------------------------------- ------------------------------- Inflate element without attribute 3.43 µs/iter 3.47 µs █ (2.99 µs … 5.94 µs) 3.78 µs ▅█▅▅▅▁▁▁▁▁▁▁█▁▁▁▁▁▁▁▅ gc(149.79 ms … 165.62 ms) 1.55 kb ( 1.44 kb… 1.97 kb)
Inflate element with attribute 7.97 µs/iter 8.50 µs █ (6.90 µs … 10.53 µs) 10.08 µs ▇█▁▁▁▁▁▁▄▁▄▁▁▁▁▁▄▁▁▁▄ gc(150.21 ms … 153.99 ms) 3.59 kb ( 3.14 kb… 4.34 kb)
Inflate element with observable attribute 7.24 µs/iter 8.25 µs █ (5.62 µs … 11.19 µs) 9.76 µs ▅█▅▅▁▁▁▁▁▅▁▁▁▅▁▁▅▁▁▁▅ gc(156.08 ms … 214.14 ms) 4.32 kb ( 3.72 kb… 5.87 kb)
┌ ┐ Inflate element without attribute ┤ 3.43 µs Inflate element with attribute ┤■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 7.97 µs Inflate element with observable attribute ┤■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 7.24 µs └ ┘
• Inflation ----------------------------------------------------------------- ------------------------------- Inflate observable text 1.90 µs/iter 1.85 µs █▃ ▃ (1.31 µs … 5.52 µs) 2.22 µs ██▁█▁▁▁▁▆▁▁▁▆▁▁▆▁▁▁▁▆ gc(210.88 ms … 226.95 ms) 1.65 kb ( 1.25 kb… 2.50 kb)
Inflate observable iterable (Wrapped) 377.92 µs/iter 309.10 µs █ (254.81 µs … 1.32 ms) 358.21 µs ██▁██▁█▁█▁██▁▁█▁▁▁▁▁█ gc(225.34 ms … 232.75 ms) 21.33 kb ( 0.00 b…128.00 kb)
Inflate observable iterable (Injected) 8.54 µs/iter 9.21 µs ▃ █ ▃ (6.99 µs … 13.75 µs) 10.00 µs █▆█▁▁▁▁▆▁▆▁▁▁▁▁▆▁▁▁▁█ gc(240.79 ms … 306.89 ms) 5.43 kb ( 4.33 kb… 8.25 kb)
Inflate observable jsx 442.27 ns/iter 436.68 ns █ (367.14 ns … 778.93 ns) 578.15 ns ▅██▅▁▁▁█▁▁▁▁▁▁▁▁▁▁▁▁▅ gc(304.99 ms … 321.89 ms) 320.00 b (192.00 b… 1.00 kb)
┌ ┐ Inflate observable text ┤ 1.90 µs Inflate observable iterable (Wrapped) ┤■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 377.92 µs Inflate observable iterable (Injected) ┤■ 8.54 µs Inflate observable jsx ┤ 442.27 ns └ ┘
• Inflation ----------------------------------------------------------------- ------------------------------- Inflate element 2.08 µs/iter 2.03 µs █ (1.95 µs … 2.90 µs) 2.79 µs █▆ ( 1.52 kb … 6.53 kb) 2.54 kb ▅██▂▁▁▁▁▂▂▁▁▂▁▁▁▂▂▂▁▂
Inflate component 10.66 µs/iter 12.09 µs █▄ (4.77 µs … 811.35 µs) 28.33 µs ███▇▃ ( 0.00 b … 2.00 mb) 5.75 kb ▂▇██████▆▅▃▃▂▂▂▂▁▁▁▁▁
Inflate component (async) 9.31 µs/iter 10.85 µs █▇▄ (4.12 µs … 542.94 µs) 24.09 µs ▄███▄▆ ( 0.00 b … 1.25 mb) 5.44 kb ▃███████▇▇▄▄▃▂▂▂▂▁▁▁▁
Inflate component (arrow function) 2.16 µs/iter 2.54 µs ▄ █ (1.47 µs … 4.04 µs) 2.71 µs █ ▄█ ( 0.00 b … 10.63 kb) 1.53 kb ▅▆█▅▃▁▂▁▂▂▂▁▁▁▁▃██▇▆▂
Inflate component (arrow function, async) 6.79 µs/iter 8.16 µs █▃ (5.46 µs … 8.70 µs) 8.44 µs ██ ▂ ▂▇ ( 0.00 b … 9.88 kb) 4.09 kb ██▆▁▁▁▁▁█▁▁▁▁▁▆▁▁▆██▆
Inflate component (generator function) 20.66 µs/iter 20.27 µs ▄█▂ (9.26 µs … 3.53 ms) 43.60 µs ▂███▆▄▂ ( 0.00 b … 2.00 mb) 7.62 kb ▁███████▇▅▄▃▂▂▂▁▁▁▁▁▁
Inflate component (generator function, async) 10.12 µs/iter 11.52 µs █▃▂ (4.29 µs … 1.31 ms) 25.98 µs ▇███▄▂ ( 0.00 b … 1.63 mb) 5.59 kb ▃███████▇▆▅▄▃▃▂▂▂▁▁▁▁
┌ ┐ Inflate element ┤ 2.08 µs Inflate component ┤■■■■■■■■■■■■■■■■ 10.66 µs Inflate component (async) ┤■■■■■■■■■■■■■ 9.31 µs Inflate component (arrow function) ┤ 2.16 µs Inflate component (arrow function, async) ┤■■■■■■■■■ 6.79 µs Inflate component (generator function) ┤■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 20.66 µs Inflate component (generator function, async) ┤■■■■■■■■■■■■■■■ 10.12 µs └ ┘
• Inflation ----------------------------------------------------------------- ------------------------------- Inflate component 1000x 8.21 ms/iter 9.86 ms █ (6.02 ms … 14.63 ms) 11.73 ms █▅ ( 0.00 b … 17.38 mb) 4.55 mb ▆██▆▂▃▂▁▃▂▃█▃█▃█▇▆▁▁▂
Inflate 1000x nested component 1x 66.87 µs/iter 82.11 µs █ ▅ (33.00 µs … 808.20 µs) 137.11 µs ▄██ ▅██ ( 0.00 b … 4.13 mb) 55.62 kb ▂████▇▄▅████▄▃▂▂▁▁▂▁▁
┌ ┐ Inflate component 1000x ┤■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 8.21 ms Inflate 1000x nested component 1x ┤ 66.87 µs └ ┘
• Lists ----------------------------------------------------------------- ------------------------------- Render list of 1,000 elements (iterable) 5.01 ms/iter 5.77 ms █ (3.47 ms … 10.46 ms) 8.42 ms █▃ █ ( 0.00 b … 13.25 mb) 2.51 mb ▄██▄▂▂▄▁▃█▇▂▂▁▃▁▁▂▁▁▂
Render list of 1,000 elements (array) 4.43 ms/iter 5.11 ms ▆ █ (3.14 ms … 7.80 ms) 6.96 ms █ █ ( 0.00 b … 12.75 mb) 2.29 mb ██▃▂▂▂▂▂▂▆██▃▂▂▂▂▂▂▂▂
Render list of 1,000 elements (arrayState) 4.26 ms/iter 5.18 ms ▆ █ (3.08 ms … 8.85 ms) 5.71 ms ██ ▃█ ( 0.00 b … 12.75 mb) 2.21 mb ▆██▄▃▂▂▂▂▂▁▁▂▃▄██▆▃▁▂
Update single item in 1,000 list (arrayState) 669.16 µs/iter 690.35 µs █ ▄ (489.42 µs … 4.99 ms) 1.04 ms █ ▅█▃ ( 0.00 b … 4.38 mb) 295.13 kb ▂▃▂▆█████▃▂▂▃▃▁▁▁▁▁▂▁
┌ ┐ Render list of 1,000 elements (iterable) ┤■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 5.01 ms Render list of 1,000 elements (array) ┤■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 4.43 ms Render list of 1,000 elements (arrayState) ┤■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 4.26 ms Update single item in 1,000 list (arrayState) ┤ 669.16 µs └ ┘
• TreeContext ----------------------------------------------------------------- ------------------------------- Propagation speed through depth of 10,000 contexts 19.45 µs/iter 18.77 µs ▆█ (16.81 µs … 138.66 µs) 33.27 µs ██ ( 0.00 b … 128.00 kb) 6.38 b ▁██▄▂▃▃▁▁▁▁▂▂▁▁▁▁▁▁▁▁