这些术语涉及现代 Web 开发中不同的渲染和数据获取技术，主要用于描述不同的页面渲染模式及其对用户体验的影响。以下是这些术语的解释：
1. CSR（Client-Side Rendering）客户端渲染
- 定义：客户端渲染指的是在浏览器中使用 JavaScript 渲染整个应用程序的过程。服务器会发送一个空的 HTML 模板和必要的 JavaScript 文件，浏览器接收到这些文件后，运行 JavaScript 代码来动态生成和插入 HTML 内容。
- 优点：
- 更快的用户交互响应，因为页面已经在客户端加载，用户的后续操作不需要请求新的页面。
- 更流畅的用户体验，因为页面内容的更新是即时的。
- 缺点：
- 初次加载时间较长，因为浏览器需要下载和解析大量的 JavaScript。
- 对搜索引擎优化（SEO）不友好，因为搜索引擎爬虫可能无法完全解析 JavaScript 生成的内容。
2. SSR（Server-Side Rendering）服务器端渲染
- 定义：服务器端渲染指的是在服务器上生成 HTML 内容，并将其发送到客户端。用户请求页面时，服务器处理该请求并返回完整的 HTML 页面，浏览器仅需要显示这些内容。
- 优点：
- 初次加载速度较快，因为页面内容已经在服务器上生成。
- 对 SEO 友好，因为搜索引擎可以直接抓取到完整的 HTML 内容。
- 缺点：
- 用户交互可能会比 CSR 稍慢，因为每次页面变更都需要通过服务器请求新的内容。
- 服务器负担较重，因为需要处理每个页面请求并生成 HTML。
3. SSG（Static Site Generation）静态站点生成
- 定义：静态站点生成是在构建时生成所有页面的 HTML 文件。这些页面在构建时就被生成，并在服务器上作为静态文件提供给客户端。
- 优点：
- 极快的页面加载速度，因为所有内容都是静态文件，直接从 CDN 或服务器上提供。
- 最低的服务器负担，因为服务器只需提供静态文件。
- 缺点：
- 不适合内容频繁变化的网站，因为每次内容更新都需要重新生成和部署整个站点。
- 对动态内容支持有限。
4. NSR（Not Static Rendering）非静态渲染
- 定义：NSR 是一个比较模糊的术语，通常指任何不使用静态站点生成的渲染方法，通常包括 CSR 和 SSR 的组合。
- 优点：可以灵活地处理动态内容和交互。
- 缺点：可能需要更多的服务器资源和复杂的架构设计。
5. ESR（Edge-Side Rendering）边缘端渲染
- 定义：边缘端渲染是指在内容分发网络（CDN）的边缘节点上生成和缓存页面内容。请求会被路由到离用户最近的边缘节点，边缘节点负责生成和返回页面内容。
- 优点：
- 快速的响应时间，因为内容生成和缓存发生在离用户较近的边缘节点。
- 减少了对中央服务器的负担。
- 缺点：
- 边缘节点的配置和维护可能会更复杂。
- 对动态内容处理可能不如 SSR 灵活。
6. ISR（Incremental Static Regeneration）增量静态再生
- 定义：增量静态再生是一种将静态站点生成和服务器端渲染结合的技术，允许在不重新生成整个站点的情况下，单独更新某些静态页面。当某个页面被请求时，服务器会在后台更新页面的静态版本，并将新的版本提供给后续的用户请求。
- 优点：
- 支持动态内容更新，同时保留静态站点生成的性能优势。
- 更新速度快，能够在不影响整个站点的情况下更新单个页面。
- 缺点：
- 需要适当的缓存和再生策略来确保内容的时效性和一致性。