什么是前端渲染？什么是服务端渲染？两者区别及应用场景

举个商品列表页面为例子。

前端渲染：说的应该是刚进入页面时，商品列表这些数据都不给你，不会渲染出这些数据。然后加载script时，再用ajax或者fetch之类的发起了请求另一个接口，服务端返回了商品列表的json数据给你，你在js中用模板引擎之类的技术，把这些数据拼成html字符串插入到Dom里。

服务端渲染：服务端用php的smarty模板或者java的jsp，把页面的商品列表信息渲染出来了，返回一个html给浏览器了。

区别：如果页面要求被蜘蛛抓取，前端渲染的数据就不能被抓取到，但是服务端渲染的页面就能被抓取到。如果有SEO要求，只能用服务端渲染。如果用Node.js渲染的话，那就都没这些问题了。

服务端渲染 ：DOM树在服务端生成，然后返回给前端。

客户端渲染 （SSR）：前端去后端取数据生成DOM树。

服务端渲染的优点 ：

1、尽量不占用前端的资源，前端这块耗时少，速度快。

2、有利于SEO优化，因为在后端有完整的html页面，所以爬虫更容易爬取信息。

服务端渲染的缺点 ：

1、不利于前后端分离，开发的效率降低了。

2、对html的解析，对前端来说加快了速度，但是加大了服务器的压力。

客户端渲染的优点 ：

1、前后端分离，开发效率高。

2、用户体验更好，我们将网站做成SPA（单页面应用）或者部分内容做成SPA，当用户点击时，不会形成频繁的跳转。

客户端渲染的缺点 ：

1、前端响应速度慢，特别是首屏，这样用户是受不了的。

2、不利于SEO优化，因为爬虫不认识SPA，所以它只是记录了一个页面。

服务端和客户端渲染的区别 ：

1、二者本质的区别：是谁来完成了html的完整拼接，服务端渲染是在服务端生成DOM树，客户端渲染是在客户端生成DOM树。

2、响应速度：服务端渲染会加快页面的响应速度，客户端渲染页面的响应速度慢。

3、SEO优化：服务端渲染因为是多个页面，更有利于爬虫爬取信息，客户端渲染不利于SEO优化。

4、开发效率：服务端渲染逻辑分离的不好，不利于前后端分离，开发效率低，客户端渲染是采用前后端分离的方式开发，效率更高，也是大部分业务采取的渲染方式。

直观的区分服务端渲染和客户端渲染：

源码里如果能找到前端页面中的内容文字，那就是在服务端构建的DOM，就是服务端渲染，反之是客户端渲染。

应该使用服务端渲染还是客户端渲染：

我们要根据业务场景去选择渲染的方式。

如果是企业级网站，主要功能是页面展示，它没有复杂的交互，并且需要良好的SEO，那我们应该使用服务端渲染。

如果是后台管理页面，交互性很强，它不需要考虑到SEO，那我们应该使用客户端渲染。

具体使用哪种渲染方式也不是绝对的，现在很多网站使用 服务端渲染和客户端渲染结合 的方式：首屏使用服务端渲染，其他页面使用客户端渲染。这样可以保证首屏的加载速度，也完成了前后端分离。

什么是云渲染？和自己搭建渲染农场有什么区别？ 小编来解答啦！

一、云渲染是什么？云渲染什么意思？

首先云渲染是一种依托于云计算的云端服务，用户将本地文件提交到云端服务器，云端计算机集群完成渲染，再将渲染完成的任务返回用户本地的过程。

而现如今观众朋友们对于视效的要求已经越来越高 ，虽说计算机的计算能力已经越来越强，但是渲染的时间却依然没有减少，此时渲染农场（Render Farm）——就成为了长时间的渲染解决方案。

渲染农场的学名叫 “分布式并行集群计算系统”，是指用现有的CPU、以太网和操作系统构建的超级计算机。通俗来说就是把很多计算机用一定的方式调度一起，同时对同一个项目进行渲染处理，节省渲染时间。

二、云渲染和传统渲染农场有什么区别？

就这一点来说传统的渲染农场和云渲染其实是没有区别，都是为了能够更短时间的得到渲染的图像，其基础都是计算机的算力，而这一点和网吧其实是相同的，因为农场和网吧，都是把机器出租给客户来收钱，只不过农场的附加值在一定程度上要比网吧高。

1、便捷性

传统渲染农场和云渲染最大的区别是在便捷性上，这里说的都是商业的渲染农场，传统渲染农场多是在本地或者同一个城市为主，资产的传递，更多是人肉来回传递，资产传过去，序列传回来。

云渲染更多地体现的是各种自动化，你只要有云渲染提供商的一个客户端，这个客户端可解析场景中的资产并把渲染上传到云端，渲染完成后，这个客户端再自动的下载序列到本地。

还有个别的云渲染提供的技术有优化可以把他的云渲染客户端内嵌到制作公司的流程中，一键自动化提交任务，下载序列并传递给下一个流程的制作人员。

2、性价比

传统公司自己搭建的渲染农场和云渲染平台最大的区别就是性价比，因为公司自己搭建的渲染农场，除了机房，机器，存储， 网络之类的硬件成本，还有管理运维的成本在其中。

如果公司的项目不能一直持续的使用渲染农场，随着一波波的更新迭代，机器的折旧成本真的是相当高了，而云渲染就好比电费，需要用电的时候，充电费，不需要用的时候，自然不会产生费用。云渲染在一定程度上持续的使用把成本在其中摊平了。

而且对于很多优秀的初创小团队来说，并不是每一个都有充足的资金去搭建自己的渲染农场，那么，云渲染平台在无形之中就很大程度降低了影视制作的门槛，像Renderbus瑞云渲染让很多大团队、小团队都能参与到大制作之中，呈现出了更多优秀的影视动画作品。

CPU渲染与GPU渲染

三、总结：

结尾再说一点，GPU渲染的兴起使得显卡的硬件成本也越来越高，设备折旧速度越来越快，想自己搭建一个成规模的GPU渲染农场显然是一件不合算的事，而把这些成本放到云渲染平台中是一件更合算的事，也希望这份回答能够帮到题主和有疑惑的小伙伴！

---