前端渲染跟后端渲染的区别

前端渲染跟后端渲染的区别

前端渲染：

前端渲染是指后端返回json数据，前端渲染是通过ajax请求数据，然后通过js语法将数据展示到页面中，前端利用预先写的html模板，循环读取json数据，拼接字符串，并插入数据。

好处：网络传输数据量小。不占用服务端预算资源（解析模板），模板在前端（很有可能仅部分在前端），改结构变交互都前端自己来了，改完自己调就行。

坏处：前端耗时较多，对前端工作人员水平要求相对较高。前端代码较多，因为部分以前在后台处理的交互逻辑交给了前端处理。占用少部分客户端运算资源用于解析模板。

后端渲染：
前端请求，后端渲染是通过后端语言 + 后端模板( ejs ) 将页面整个发送给前端，后端用后台模板引擎直接生成html，前端接受到数据之后，直接插入页面。

好处：前端耗时少，即减少了首屏时间，模板统一在后端。前端（相对）省事，不占用客户端运算资源（解析模板）

坏处：占用服务器资源。