什么时候应该 Server-Side Render?

1、SEO优化需求

搜索引擎对于基于客户端渲染（Client-Side Rendering，CSR）的页面爬取能力较弱。使用SSR可以在服务端生成完整的HTML页面，并将其发送给搜索引擎，有助于提升网页的SEO优化效果。

2、首屏加载速度

CSR在页面加载时需要下载并执行JavaScript代码，然后再渲染页面，这会导致较长的加载时间和首次渲染的延迟。使用SSR可以在服务端生成首屏内容，减少页面加载时间，提高用户体验。

3、移动端性能优化

在移动设备上，网络速度可能较慢，而CSR在移动端加载时间较长，尤其对于移动网络条件不佳的用户。使用SSR可以减少客户端的计算量，提高页面加载速度，降低用户流量消耗。

4、利用服务端计算资源

在一些场景下，客户端设备性能有限，而服务端可能拥有更强大的计算资源。使用SSR可以将一部分渲染工作转移到服务端，充分利用服务端的计算能力。

5、更好的SEO排名

搜索引擎通常更喜欢具有实际内容的页面，SSR可以在服务端生成完整的HTML内容，有助于提高页面的SEO排名。

6、提高页面可访问性

CSR应用在加载时需要下载并执行大量JavaScript代码，如果用户的浏览器不支持JavaScript或因网络问题无法加载JavaScript，可能导致页面无法正常渲染。使用SSR可以确保页面在不支持JavaScript或网络状况较差的情况下也能正常展示。

延伸阅读

Server-Side Render是什么

Server-Side Rendering（SSR，服务端渲染）是一种前端渲染方式，它指的是在服务端生成完整的HTML页面，并将其发送给客户端进行展示。在SSR中，服务器负责处理数据和页面渲染，客户端只需要简单地展示接收到的已渲染的HTML页面，不需要再执行额外的JavaScript代码来构建页面。