简谈服务端渲染和客户端渲染。

本质和不同

服务端渲染和客户端渲染本质都是字符串拼接;

服务端渲染:在客户端发起请求后,在服务端把数据查询的结果嵌套在html,然后把整个包发给客户端进行渲染,这当中只会有一次请求。

客户端渲染:在客户端发起请求后,服务端将html页面返回,html中还有js执行文件和css样式文件,在页面返回完成时,再执行js执行文件,从服务端获取数据资源,渲染到html页面上,这当中,至少会有两个请求。

以前,没有前端这个概念的时候,一般都是以服务端渲染为主导;而现在,随着浏览器和技术的不断发展,基于用户体验为优先考虑因素,主要采用服务端渲染和客户端渲染相结合的设计方式。

优缺点

服务端渲染,有利于seo优化,减少网络请求,也减少了网络请求携带的流量开销;缺点也很明显,因为所有的数据渲染逻辑都在服务端处理,一旦数据返回格式需要改动,前端和后端文件都需要做出相应改动。

客户端渲染,不利于seo优化(虽然可以设置html的meta标签https://blog.csdn.net/alokka/article/details/78814674),同时,增加了网络请求和流量开销(因为服务端返回的html中,还有很多需要下载的css和js文件;因此,一般来说,现在的js和css文件,都会用压缩合并的代码,减少网络请求次数);优点则是:有利于用户体验,可以完成一切操作,而不需要改动服务端的内容。

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值