服务器端渲染（SSR）

服务器端渲染（SSR）指的是在服务器上生成 HTML 内容并将其发送到客户端的做法。SSR 与客户端渲染相对，后者由客户端使用 JavaScript 生成 HTML 内容。这两种技术并不互斥，可以在同一个应用中结合使用。

静态站点可以被视为 SSR 的一种（并且可以使用 SSR 的基础设施生成），但两者有细微差别。它的内容是在构建时而非请求时生成的，通常无需部署在服务器上，并且可以通过 CDN 进行分发。

对于那些使用了动态内容的站点（比如实时更新，或者根据用户客制化内容的站点）而言，区分 SSR/CSR 更为重要。在这些情况下，服务器要为每个请求动态生成 HTML 内容，因为预先穷举生成所有可能的页面是不现实的。这些生成的 HTML 文件包含近乎完整的内容，而 JavaScript 资源则仅用于实现交互功能。

SSR 的优点包括：

• 无障碍：即使没有 JavaScript，页面也（在一定程度上）可用，例如网络较慢、用户禁用 JavaScript 或浏览器过旧时。但任何交互或客户端逻辑将无法工作。
• 爬虫友好：搜索引擎、社交媒体爬虫和其他机器人无需执行 JavaScript 就能读取内容。注意，主流搜索引擎已能执行 JavaScript，因此纯 CSR 站点也能被索引，但社交媒体爬虫通常不能执行。
• 性能：服务器可以提前知道所需内容，一次性获取所有必要数据；而 CSR 通常只有在渲染初始页面时才知道后续依赖，导致产生请求瀑布问题。

SSR 和 CSR 各有性能权衡，可以结合使用以兼顾两者优势。例如，服务器可生成带有占位符的页面骨架，客户端再获取额外数据并按需更新页面。