服务端渲染 VS 客户端渲染

一小池勺 ❤️❤️❤️ ❤️❤️❤️❤️ 胸有惊雷而面如平湖者，可拜上将军也。

---

服务端渲染

服务器渲染的特点

• 不足

我们看到的内容都是在服务器端渲染完的（JSP、PHP、ASP、ASP.NET、NODE…），客户端只是把所有渲染好的内容呈现在页面中而已，然而我们第一次渲染完，页面中的某部分数据要更新了，我们需要让服务器整体重新的渲染一次，把最新的页面(包含最新的数据)返回给客户端，客户端只能整体刷新页面展示最新的内容 => “全局刷新” 性能和体验等都非常的差，而且服务器压力也很大…

• 优点

如果服务器性能比较高，页面呈现出来的速度会快一些，因为只要从服务器拿到内容，一切信息都已经准备好了

由于内容在服务器端就已经渲染好了，所以页面渲染完成后，在页面的源代码中都可以看到内容，有利于SEO搜索引擎优化

客户端渲染

• 优点

  • 可以实现页面中内容局部刷新，而且渲染的操作交给客户端来做，这样的来处理，性能体验更好，也减轻了服务器的压力

  • 而且它还可以实现只把部分区域数据获取到，也即是不会一次全拿到整个页面的数据，等用户的滚动到某个区域后再请求对应的数据，实现数据的分批异步加载

• 不足

由于客户端渲染的内容没有出现在页面的原代码中，不利于SEO优化