Skip to content

Commit 9a9e884

Browse files
committed
use a table instead of bullet list
1 parent 4ba9aaf commit 9a9e884

File tree

1 file changed

+8
-6
lines changed

1 file changed

+8
-6
lines changed

docs/pages/blog/introducing-pigment-css.md

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -72,12 +72,14 @@ For users of Emotion and styled-components, the benefits of adopting Pigment CS
7272

7373
### Better performance
7474

75-
When comparing the same Material UI app built with Next.js and either Emotion or Pigment CSS, the latter led to:
76-
77-
- 20% reduction in first load JavaScript (104 kB vs. 131 kB)
78-
- 9% decrease in First Contentful Paint (455 ms vs. 503 ms)
79-
- 15% reduction in Time To First Byte (381.5 ms vs 447.5 ms)
80-
- 7.5% reduction in page HTML (14.7 kB vs. 15.9 kB)
75+
When comparing the same Material UI app built with Next.js and either Emotion or Pigment CSS, we've observed the following results:
76+
77+
| Metrics | Emotion | Pigment CSS | Reduction |
78+
| :--------------------- | ------: | ----------: | --------: |
79+
| First load JavaScript | 131kB | 104kB | 20% |
80+
| First Contentful Paint | 503ms | 455ms | 9% |
81+
| Time To First Byte | 447.5ms | 381.5ms | 15% |
82+
| Total Page HTML | 15.9kB | 14.7kB | 7.5% |
8183

8284
:::info
8385
Curious about where those performance numbers came from?

0 commit comments

Comments
 (0)