CSS runtime performance
summary
Shows concrete measurements and fixes: benchmarks that separate style vs layout time, a Chromium selector-stats in trace that lists slow selectors, microbenchmarks showing 50% reduction with contain:content (Chrome) and browsers’ bloom‑filter optimizations for selectors. Demonstrates practical wins — Shadow DOM or scoped styles cut selector cost, batching reads/writes prevents thrashing, concatenating style tags affects Chrome today — and links to reproducible tests and slides so the claims and tools can be verified.
AI-written summary · about
chapters (6)
- 0:00Start
- 1:25CSS runtime performance
- 10:12Style vs layout performance
- 13:26Selector performance
- 17:49Style optimization 3: Bloom filter
- 33:38Encapsulation
related talks
50mStyle Recalculation Secrets They Don't Want You To Know
37mModern CSS Rendering Performance - Full-Scale Optimization
01h 03mThe Dear Price of Styles
46mCSS Performance Tooling
27mAnd Benchmarks for All!
25mImproving Website Performance with CSS Containment
54mRemoving the gag from your browser
21mState of Performance