• 首页
        • 更多产品

          客户为中心的产品管理工具

          专业的软件研发项目管理工具

          简单易用的团队知识库管理

          可量化的研发效能度量工具

          测试用例维护与计划执行

          以团队为中心的协作沟通

          研发工作流自动化工具

          账号认证与安全管理工具

          Why PingCode
          为什么选择 PingCode ?

          6000+企业信赖之选,为研发团队降本增效

        • 行业解决方案
          先进制造(即将上线)
        • 解决方案1
        • 解决方案2
  • Jira替代方案
目录

什么时候应该 Server-Side Render

适用于Server-Side Render的时机:1、SEO优化需求;2、首屏加载速度;3、移动端性能优化;4、利用服务端计算资源;5、更好的SEO排名;6、提高页面可访问性。SEO优化需求是指,搜索引擎对于基于客户端渲染(Client-Side Rendering,CSR)的页面爬取能力较弱。

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代码来构建页面。

相关文章