服务器端渲染（SSR）

1. 基础概念
   服务器端渲染是指在服务器上将网页内容生成完整的HTML页面，再发送给浏览器的技术。与传统客户端渲染不同，SSR的页面在服务器端已包含动态数据，浏览器收到后可直接展示内容，无需等待JavaScript加载执行。

2. 技术实现原理

• 服务器接收请求后，通过后端框架（如Next.js、Nuxt.js）执行组件逻辑和数据处理。
• 将渲染结果转化为包含完整数据的HTML字符串，同时嵌入必要的客户端JavaScript代码。
• 浏览器获得HTML后立即解析显示，随后客户端JavaScript接管页面，实现交互功能（此过程称为“注水”/Hydration）。

3. 核心优势

• 首屏加载更快：用户无需等待JS下载执行即可看到内容，提升感知速度。
• SEO友好：搜索引擎爬虫直接解析完整HTML，避免动态内容无法被索引的问题。
• 低网络环境兼容：适用于慢速网络或JS执行受限的设备。

4. 典型应用场景

• 内容密集型网站（新闻、电商详情页）需要快速首屏渲染。
• 依赖搜索引擎流量的公开页面。
• 需兼容旧浏览器或性能受限设备的应用。

5. 权衡与挑战

• 服务器压力：每次请求需执行渲染，高并发时需负载均衡与缓存策略。
• 开发复杂度：需处理服务端与客户端环境差异（如DOM操作兼容性）。
• 交互延迟：注水前页面虽可见但无法交互，需优化关键组件加载顺序。

6. 演进与替代方案

• 静态站点生成（SSG）：构建时预渲染页面，适用于内容不变场景。
• 边缘渲染：利用CDN边缘节点执行SSR，降低延迟。
• 混合渲染：根据路由动态选择SSR、SSG或客户端渲染。