Created
May 20, 2022 17:31
-
-
Save lencioni/32eab2e113db97a00bed6ff78d5f0ed5 to your computer and use it in GitHub Desktop.
Comparison of perf metrics of various libraries
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| react-with-styles (control) | Emotion | Treat | Linaria | ||
|---|---|---|---|---|---|
| Total Blocking Time (ms) | 276 | 189 (-87) | 122 (-154) | 144 (-132) | |
| JS bundle size (KiB) | 666 | 677 (+11) | 581 (-85) | 596 (-70) | |
| CSS bundle size (KiB) | 8 | 8 (+0) | 12 (+4) | 13 (+5) | |
| Update layout tree count | 2.84 | 2.96 (+0.12) | 2.00 (-0.84) | 2.00 (-0.84) | |
| Update layout tree duration (ms) | 7,594 | 3,225 (-4,369) | 3,313 (-4,281) | 3,380 (-4,214) | |
| Composite layers count | 5.43 | 5.22 (-0.21) | 4.05 (-1.38) | 4.04 (-1.39) | |
| Composite layers duration (ms) | 660 | 379 (-281) | 306 (-354) | 292 (-368) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment