FaCSSt: CSS & Performance
summary
Slides and experiments show concrete, actionable findings: a 1 MB stylesheet takes about 200 ms parse on a Moto G, base64-encoding images in CSS makes parsing massively worse (measured as 10× slower first paint on mobile and ~32× selector-parse slowdown), @import creates long request chains that flatten to many extra RTTs, switching to multiple link rel files drops start‑render from ~2.5s to ~0.5s, mixins gzip better so compiled CSS hits 12 KB under TCP magic, and moving critical CSS to another asset domain can add DNS/TCP/TLS overhead and slow things.
AI-written summary · about
chapters (17)
- 0:00Introduction
- 2:25My work
- 3:04Why does it matter
- 4:23Final size
- 5:30Light vs CSS
- 6:13Basics T4
- 7:20Critical Path
- 10:09Import
- 13:03Selector Performance
- 21:00Alphabetic CSS
- 31:52Inline script block
- 35:26Wrap up
- 36:58Questions
- 40:05Time
- 41:15SVG vs Font
- 43:34Google PageSpeed
- 49:59Static Analysis
