Skip to content
Trending storyPast story

GitHub cuts SSR time by 55% by shipping more CSS upfront

1 report1 sourceupdated 4 days ago

What happened

Summary

GitHub 工程团队分享了一个优化思路:不再等浏览器懒加载 CSS,而是把关键样式直接内联到初始 HTML 里。迁移到 CSS Modules 后,他们分析了关键渲染路径,提取了首屏 CSS,并避免了重复。结果是服务端渲染时间降了 55%,首次内容绘制也快了。对做前端性能或 SSR 优化的团队来说,是个很实在的案例。

Coverage

Follow the reports to see the story from different sides.

Sep 25
  1. AI HOT (Curated Pool)
    GitHub cuts SSR time by 55% by shipping more CSS upfront

    GitHub's engineering team shares how they cut server-side rendering time by 55% by shipping more CSS upfront instead of lazy-loading it. The key insight: inline critical styles in the initial HTML so the browser doesn't wait for separate CSS downloads. They detail how they analyzed the critical rendering path, extracted above-the-fold CSS, and avoided duplication after migrating to CSS Modules. First Contentful Paint also improved. A practical case study for teams working on front-end performance or SSR optimization.