Question

后端渲染html，前端模板渲染html，jquery的html，各有什么区别？

Answer 1

对于网页而言，无论后端程序是多么的复杂，最终返回给客户端的还是HTML文件。页面渲染模式主要分：服务器端渲染、客户端（前端）渲染。不管哪种渲染模式，其实都是基于模板引擎而言的。

对于普通用户而言，采用哪种渲染模式似乎并不重要，但对于网站架构而言其中区别还是很大的。

服务器端渲染（SSR）

服务器端渲染其实就是服务器端在返回HTML给客户端之前，先将HTML模板上特定区域填充上数据后生成完整的HTML返回给客户端。

此时模板文件存储在服务器端。

1、优点：由服务器端进行数据填充工作，不会影响前端性能（解析模板是有性能开销的）、SEO友好、首屏渲染快；

2、缺点：占用了服务器端运算资源，响应体较大（因为返回的是完整的HTML文本）。

客户端渲染

客户端渲染指的就是借助前端的JavaScript调用后端API来实现页面渲染。前端也是有模板引擎的，而前端模板引擎在填充数据时也是靠JS来操作DOM节点的。

此时模板文件存储在前端。

1、优点：不占用服务器端资源，模板在前端改起来更容易，不用麻烦后端联调；

2、缺点：由前端JS负责数据解析和填充工作，在弱网环境下页面加载时可能会出现乱版现象，渲染起来速度可能会慢一些。另外使用前端渲染很多数据都是动态调用API进行填充的，所以不利于SEO。

以上就是我的观点，对于这个问题大家是怎么看待的呢？欢迎在下方评论区交流~我是科技领域创作者，十年互联网从业经验，欢迎在线咨询