SSR（Server Side Rendering，服务端渲染）

   SSR（Server Side Rendering，服务端渲染或服务侧渲染）是一种在服务器端生成完整 HTML 页面并发送给客户端的渲染方式。与传统的客户端渲染（CSR）相比，SSR 能显著提升首屏加载速度和 SEO 表现，广泛应用于对性能和搜索引擎优化有较高要求的现代 Web 应用中。

什么是 SSR

   SSR 指的是在用户请求页面时，服务器将完整的 HTML 内容预先渲染好，再将其发送到浏览器。浏览器接收到后可直接显示内容，无需等待 JavaScript 加载和执行后再构建页面结构。这种方式使得用户能更快看到页面内容，尤其适用于网络环境较差或设备性能较弱的场景。

SSR 的优势

• 更快的首屏加载：用户无需等待大量 JavaScript 执行即可看到页面内容，提升用户体验。
• 更好的 SEO 支持：搜索引擎爬虫可以直接抓取完整的 HTML 内容，有利于页面被正确索引。
• 改善社交分享预览：社交媒体平台抓取页面时能获取到完整的元信息和内容，提升分享效果。

SSR 的挑战

尽管 SSR 优势明显，但也带来一些技术挑战：

• 服务器负载增加：每个请求都需要在服务端进行渲染，对服务器资源消耗较大。
• 开发复杂度提高：需处理服务端与客户端代码的同构（isomorphic）逻辑，确保一致性。
• 缓存策略更复杂：动态内容的缓存需精细设计，避免影响数据实时性或造成性能瓶颈。

常见 SSR 框架

目前主流的前端框架大多提供了 SSR 支持：

• Next.js（React 生态）：提供开箱即用的 SSR 和静态生成能力。
• Nuxt.js（Vue 生态）：简化 Vue 应用的 SSR 配置与部署流程。
• Angular Universal：Angular 官方提供的服务端渲染解决方案。

选择合适的 SSR 框架，有助于在提升性能的同时降低开发和维护成本。