什么是 Streaming SSR?它有哪些核心优势?

Streaming SSR 是一种服务端渲染技术,通过分块传输逐步返回 HTML 以提升性能和用户体验。

服务端渲染 中等 性能优化 SSR SEO

Streaming SSR 相比传统 SSR 的核心优势在于通过 分块传输(Transfer-Encoding: chunked)逐步返回 HTML,带来显著的性能与体验提升:

  1. 优化核心性能指标
    • 首字节时间(TTFB)降低 50%-80%,浏览器接收初始 HTML(如骨架屏)速度更快,减少白屏时间。
    • 快速展示首屏内容(FP/FCP 优化),用户可立即看到页面框架。
    • 逐步填充关键内容(如动态数据或交互组件),提升可交互时间(TTI)感知。
  2. 减轻服务器负载
    • 减少内存压力 60%+,传统 SSR 需缓存完整页面,Streaming SSR 分块处理避免全局缓存。
    • 支持更高并发,单服务器可处理更多请求。
  3. 增强用户体验
    • 渐进式渲染:用户先看到静态资源(CSS/JS/骨架屏),再逐步加载动态内容,减少等待焦虑。
    • 内容优先级控制:关键部分(如首屏)优先传输,次要内容延迟加载,优化感知速度。
  4. 改善 SEO 与稳定性
    • 流式传输完整 HTML 结构,便于搜索引擎快速解析。
    • 结合 CDN 边缘缓存可将静态部分缓存于 CDN,仅动态内容由源站生成,进一步加速访问。