客户端渲染(CSR)是浏览器下载 JS 后在本地执行、生成 DOM;服务端渲染(SSR)是服务器直接生成完整 HTML 返回,浏览器展示后再由 JS「接管」(水合,Hydration)。

CSR 优点:服务器压力小、静态资源可全走 CDN、页面切换体验流畅。缺点:首屏慢(要等 JS 下载执行)、对 SEO 不友好、弱网低性能设备体验差。

SSR 优点:首屏快、SEO 友好。缺点:服务器有渲染开销、架构更复杂、缓存设计难度大,且有「水合时间窗」内页面可见但不可交互的问题。

选型建议:内容型、依赖搜索流量的站点(官网、文档、电商详情)倾向 SSR 或 SSG;后台管理、强交互应用用 CSR 即可。追问方向:SSG/ISR 等折中方案、流式 SSR、水合失败的常见原因(服务端与客户端渲染结果不一致)。