GitHub、CSS-in-JSを捨ててCSSを増やし、サーバーサイドレンダリング時間を55%削減
Improving site performance by shipping more CSS
GitHubは、Primerデザインシステムの全コンポーネントをCSS-in-JSからCSS Modulesへ段階的に移行した。2024年12月までにPrimerの移行を完了し、サーバーサイドレンダリング時間が55%短縮。その後、sxプロップの削減とstyled-componentsの除去を進め、2026年6月に100% CSS Modulesで稼働。パフォーマンスを犠牲にせず、大規模なアーキテクチャ変更を安全に実現した。
最初はCSSの移行に見えたものが、GitHubが大規模にUIをスタイリング、テーマ設定、配信する方法の段階的な再プラットフォーム化であることが判明した。