CSS module system in Google+
summary
Google+ implements a CSS module system that actually reduces initial CSS bytes by shipping a minimal set and late‑loads the rest, bundles HTML CSS and JS into component dependency graph modules, and flattens that graph to a deterministic cascade so late pages never regress earlier pages. It uses GSS (closure stylesheets) plus closure templates and a simple @require/@provide dependency syntax, enforces correctness with compiler passes and tests, and reports significant performance improvements on rolled‑out pages.
AI-written summary · about
chapters (6)
- 0:00Start
- 15:53Overrides for a button
- 19:52Component Dependency Graph
- 20:23How to override styles of a shared component ? • Firstly, correct order with dep graph • Add additional classes Plumb class into component's template Prefered if component almost always needs
- 21:24Dependency Syntax is Enforced
- 23:10Serving System Requirements
