GitHub 反常识:多送 CSS 竟提升性能

Improving site performance by shipping more CSS

GitHub 反常识:多送 CSS 竟提升性能

我们曾以为 CSS-in-JS 是性能优化的终点,直到发现它拖慢了 GitHub 的加载速度。通过将 Primer Design System 全面迁移至 CSS Modules,我们不仅消除了运行时开销,还让服务端渲染时间减少了 55%。这场历时数年的重构并非一蹴而就,我们利用 feature flag 和自动化工具,在保留 `sx` prop 兼容性的同时,逐步将数万个组件从 `styled-components` 剥离。随着 Copilot coding agent 的加入,原本需要数月的人工迁移在几周内完成。最终,GitHub 在 2026 年 6 月实现了 100% 纯 CSS Modules 架构,证明了有时候‘发送更多 CSS'才是提升性能的关键。

看似是一场 CSS 迁移,实则是对 GitHub 如何以规模化方式构建样式、主题和交付 UI 的渐进式重构。

同日更多故事

2026-09-27