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

前端渲染：

指的是后端返回JSON数据，前端利用预先写的html模板，循环读取JSON数据，拼接字符串（es6的模板字符串特性大大减少了拼接字符串的的成本），并插入页面。

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

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

后端渲染：

前端请求，后端用后台模板引擎直接生成html，前端接受到数据之后，直接插入页面。

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

坏处：占用服务器资源。

前端渲染与后端渲染对比：

后端渲染：

页面呈现速度：快，受限于用户的带宽
流量消耗：少一点点（可以省去前端框架部分的代码）
可维护性：差（前后端东西放一起，掐架多年，早就在闹分手啦）
seo友好度：好
编码效率：低（这个跟不同的团队不同，可能不对）

前端渲染：

页面呈现速度：主要受限于带宽和客户端机器的好坏，优化的好，可以逐步动态展开内容，感觉上会更快一点。

流量消耗：多一点点（一个前端框架大概50KB）当然，有的用后端渲染的项目前端部分也有在用框架。

可维护性：好，前后端分离，各施其职，代码一目明了。
SEO友好度：差，大量使用ajax，多数浏览器不能抓取ajax数据。
编码效率：高，前后端各自只做自己擅长的东西，后端最后只输出接口，不用管页面呈现，只要前后端人员能力不错，效率不会低。

内推信息：

有想换工作的小伙伴吗？

对网易感兴趣的话欢迎添加本人微信：urus35

各种方向的岗位都有噢~（坐标：广州北京上海杭州）

前端渲染与后端渲染的区别相关推荐

前端渲染与后端渲染之间的区别？
前端没兴起之前,网页的展示大都是后端渲染,也就是服务器渲染. 随着前端行业的发展,前端的工作越来越精细.前后端开始分离,前端只关注ui渲染.后端只提供数据和进行逻辑处理. 简单的解释,前端写好html ...
面试须知的前端渲染和后端渲染
在网上查找了很久的前端渲染和后端渲染的区别,最后总算在知乎上看到了一个比较清楚的解释,感谢万分! 作者:iakul 链接:https://www.zhihu.com/question/28725977 ...
web前端渲染和后端渲染（web front-end and back-end rendering）
在网上查找了很久的前端渲染和后端渲染的区别,最后总算在知乎上看到了一个比较清楚的解释,感谢万分! 作者:iakul 链接:https://www.zhihu.com/question/28725977 ...
前端还是java哪个更累_前端开发和后端开发的区别？这两者哪个更累？
前端开发和后端开发的区别有哪些?前端开发和后端开发哪个做起来更累?对于刚接触开发的朋友可能会有这样的疑问,下面就一起来了解下吧! 1.前端开发: 网站的"前端"是与用户直接交互的部 ...
前端工程师和后端工程师的区别？
有很多小伙伴都听说过前端开发和后端开发,但是却不知道两种岗位都是干嘛的有什么区别,今天小千就来给大家介绍一下前端工程师和后端工程师的区别,方便大家理解. 前端工程师前端工程师是互联网时代软件产品研发 ...
一文搞懂什么是前端渲染和后端渲染以及两者的区别
一.什么是后端渲染? 我们都知道现在的网页都由html+css+js组成,但是在比较早的时候是没有js(JavaScript)的.所以那时候网页开发一般都是用html+css+jsp(java ser ...
什么是后端渲染？什么是前端渲染？后端渲染和前端渲染又有什么区别呢？
什么是后端渲染?什么又是前端渲染呢?后端渲染和前端渲染又有什么区别呢? 最近在学习Vue的时候接触到了这个话题,我觉得还挺有意思的,所以写下来,记下来. 一.什么是后端渲染? 我们都知道现在的网页都由 ...
什么是前端渲染和后端渲染和SPA页面
前端渲染(前后端分离阶段) 浏览器中显示的页面中的大部分内容,都是由前端写的js代码在浏览器中执行,最终渲染出来的网页.后端只负责提供数据. 后端渲染(后端路由阶段) 当我们页面中需要请求不同的路径内 ...
前端渲染和后端渲染，要说的都在这里？
时下,前端 UI 设计越来越复杂,可谓"XX与XX齐飞,XX共XX一色". 越来越复杂的 UI 意味着越来越重的渲染工作. 目前通常有两种选择:服务器渲染与客户端渲染笔者是 ...

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

前端渲染与后端渲染的区别相关推荐

最新文章

热门文章