SSR 英文全称 Server-side Rendering,中文翻译“服务端渲染” ,也就是在服务器生成 HTML 返回给浏览器
相比较于CSR,优点在于速度快,因为通常情况下服务端的环境(网络环境、设备性能等要好于客户端

NOTE

虽然整体速度比 CSR 要快,但是因为 CSR 第一次加载时只会加载一个很小的 HTMl,SSR 还要响应接口,所以其响应时间会更长,对应到性能指标 TTFB , SSR 比 CSR 更长

理想用例

  • 当您在大多数用户请求时已经重新验证了ISR(即您几乎总是需要最新数据)
  • 高度个性化的仪表板页面
  • 社交媒体提要
  • 实时数据可视化

最佳实践

  • 为频繁访问的数据实施高效的缓存策略(例如Vercel KV)
  • 使用流式SSR提高感知性能(这是Next.js App Router的默认行为)
  • 使用React Suspense在客户端等待服务器数据时渲染应用程序的静态部分
  • 优化数据库查询和API调用以减少渲染时间