CSS module system in Google+
summary
Google+ implements a CSS dependency system that bundles templates, JavaScript and styles into components so pages load only the CSS they need, improving initial latency and cutting CSS size on deployed pages. It uses Closure Stylesheets (GSS) with a provide/require ordering for constants and cascade ordering, compiles a component dependency graph into modules, downloads modules incrementally (piggybacking on JS modules), and reports significant size and safety improvements after partial rollout.
AI-written summary · about
chapters (15)
- 0:00Start
- 2:57Media Object
- 3:23Share Box
- 3:48The Community Page
- 4:18Shared Styles
- 6:14Javascript Modules
- 11:37Fonts and Colors
- 12:58Safely Compose the Css in the Browser
- 15:43Compound Selector
- 17:25Overriding Styles
- 18:16Css Ordering Semantics in Templates
- 20:04Descendant Selectors
- 21:06Assembly and Serving System
- 23:23Summary
- 23:41Open Source Resources
