对于网页而言，无论后端程序是多么的复杂，最终返回给客户端的还是HTML文件。页面渲染模式主要分：服务器端渲染、客户端（前端）渲染。不管哪种渲染模式，其实都是基于模板引擎而言的。
对于普通用户而言，采用哪种渲染模式似乎并不重要，但对于网站架构而言其中区别还是很大的。
服务器端渲染（SSR）
服务器端渲染其实就是服务器端在返回HTML给客户端之前，先将HTML模板上特定区域填充上数据后生成完整的HTML返回给客户端。
此时模板文件存储在服务器端。
1、优点：由服务器端进行数据填充工作，不会影响前端性能（解析模板是有性能开销的）、SEO友好、首屏渲染快；
2、缺点：占用了服务器端运算资源，响应体较大（因为返回的是完整的HTML文本）。
客户端渲染
客户端渲染指的就是借助前端的JavaScript调用后端API来实现页面渲染。前端也是有模板引擎的，而前端模板引擎在填充数据时也是靠JS来操作DOM节点的。
此时模板文件存储在前端。
1、优点：不占用服务器端资源，模板在前端改起来更容易，不用麻烦后端联调；
2、缺点：由前端JS负责数据解析和填充工作，在弱网环境下页面加载时可能会出现乱版现象，渲染起来速度可能会慢一些。另外使用前端渲染很多数据都是动态调用API进行填充的，所以不利于SEO。
来源：https://www.wukong.com/question/6502943596772065549/---------------END----------------
后续的内容同样精彩
长按关注“IT实战联盟”哦
注意：本文归作者所有，未经作者允许，不得转载
