现代 web 应用的渲染模式已经超越了最初简单的客户端与服务端之分,演化出了多种模式以适应不同场景的需求。

CSR

**CSR (客户端渲染)**是 SPA(单页应用)的典型模式。服务器只返回一个空壳 HTML,所有内容的渲染都由客户端的 JavaScript 完成。
**优点:**服务器负载低,页面切换快;
**缺点:**首屏加载慢(白屏时间长)且对 SEO 不友好。

SSR

**SSR(服务端渲染)**则是在每次请求时,由服务器实时生成完整的 HTML 内容并返回给浏览器。
**优点:**这极大地改善了首屏加载速度和 SEO 效果。
**缺点:**但代价是服务器压力增大,且架构复杂度更高。

SSG

**SSG(静态站点生成)**是一种更极致的性能优化方案。它在构建时就为应用的每个页面生成一个静态的 HTML 文件。用户访问时,服务器直接返回这个预先生成好的文件,速度极快。
**优点:**SSG拥有最佳的性能和 SEO,
**缺点:**它只适用于内容不经常变动的网站,如博客和文档。

ISR

ISR(增量静态再生)Next.js 等框架提出的 SSG 的演进模式。它允许页面在构建时生成静态版本,但可以设置一个“保质期”。当用户在过期后访问时,会先看到旧的静态页面,同时服务器在后台静默地重新生成新页面。这巧妙地结合了SSG 的高性能和动态数据的更新能力,非常适合内容更新频繁但又可以接受分钟级延迟的场景,如新闻或电商网站。

选择哪种模式,取决于应用对首屏性能、SEO、数据实时性和开发维护成本的综合考量。