渲染细分服务器渲染和客户端渲染的区别所在

虚拟机和服务器的区别  时间:2021-05-06  阅读:()

服务器端渲染和客户端渲染的区别

一、什么是服务器端渲染和客户端渲染

互联网早期 用户使用浏览器浏览的都是一些没有复杂逻辑的、 简单的页面 这些页面都是在后端将htm l 拼接好的然后将之返回给前端完整的 htm l文件浏览器拿到这个 htm l 文件之后就可以直接解析展示了 而这也就是所谓的服务器端渲染了。 而随着前端页面的复杂性提高前端就不仅仅是普通的页面展示了 而可能添加了更多功能性的组件 复杂性更大另外彼时 ajax的兴起使得业界就开始推崇前后端分离的开发模式 即后端不提供完整的html 页面而是提供一些api使得前端可以获取到 json数据然后前端拿到json数据之后再在前端进行 htm l 页面的拼接然后展示在浏览器上这就是所谓的客户端渲染了这样前端就可以专注 UI的开发后端专注于逻辑的开发。

二、服务器端渲染和客户端渲染的本质区别

最重要的区别就在于究竟是谁来完成 htm l 文件的完整拼接如果是在服务器端完成的返回客户端就是服务器端渲染反之如果前段做了更多的工作完成 htm l 拼接就是客户端渲染。

三、服务器端渲染和客户端渲染的优点

服务器端渲染优点

①前端耗时少。因为后端拼接完了 html 浏览器只需要直接渲染出来。

② 有利于 SEO。因为在后端有完整的 html 页面所以爬虫更容易爬取获得信息更有利于seo。

③ 无需占用客户端资源。 即解析模板的工作完全交由后端来做客户端只要解析标准的html页面即可这样对于客户端的资源占用更少尤其是移动端也可以更省电。

④ 后端生成静态化文件。 即生成缓存片段这样就可以减少数据库查询浪费的时间了且对于数据变化不大的页面非常高效 。

客户端渲染优点

①前后端分离。前端专注于前端 UI 后端专注于 api开发且前端有更多的选择性而不需要遵循后端特定的模板。

② 体验更好。 比如我们将网站做成 SPA或者部分内容做成 SPA这样 尤其是移动端可以使体验更接近于原生 app 。

四、服务器端渲染和客户端渲染的缺点

服务器端渲染缺点

① 不利于前后端分离开发效率低。使用服务器端渲染则无法进行分工合作则对于前端复杂度高的项目不利于项目高效开发。

② 占用服务器端资源。即服务器端完成 ht m l 模板的解析如果请求较多会对服务器造成一定的访问压力。而如果使用前端渲染就是把这些解析的压力分摊了前端而这里确实完全交给了一个服务器。

客户端渲染缺点

①前端响应较慢。如果是客户端渲染前端还要进行拼接字符串的过程需要耗费额外的

时间不如服务器端渲染速度快。

② 不利于 SEO。 目前比如百度、 谷歌的爬虫对于 SPA都是不认的 只是记录了一个页面所以 SEO很差。因为服务器端可能没有保存完整的 html 而是前端通过 js进行dom的拼接那么爬虫无法爬取信息。 除非搜索引擎的 seo可以增加对于 JavaScript 的爬取能力这才能保证 seo。

爱用云互联租用服务器租美国、日本、美国、日本、购买2天内不满意可以退换,IP可免费更换!

爱用云互联怎么样?爱用云是一家成立于2018年的老牌商家旗下的服务器销售品牌,是正规持证IDC/ISP/IRCS商家,主要销售国内、中国香港、国外服务器产品,线路有腾讯云国外线路、自营香港CN2线路等,都是中国大陆直连线路,非常适合免备案建站业务需求和各种负载较高的项目,同时国内服务器也有多个BGP以及高防节点。专注为个人开发者用户,中小型,大型企业用户提供一站式核心网络云端服务部署,促使用户云端...

新加坡云服务器 1核2Gg 46元/月 香港云服务器 1核2G 74元/月 LightNode

LightNode是一家成立于2002年,总部位于香港的VPS服务商。提供基于KVM虚拟化技术.支持CentOS、Ubuntu或者Windows等操作系统。公司名:厦门靠谱云股份有限公司官方网站:https://www.lightnode.com拥有高质量香港CN2 GIA与东南亚节点(河内、曼谷、迪拜等)。最低月付7.71美金,按时付费,可随时取消。灵活满足开发建站、游戏应用、外贸电商等需求。首...

ThomasHost(月付5美元)美国/法国/英国/加拿大KVM,支持Windows

ThomasHost域名注册自2012年,部落最早分享始于2016年,还算成立了有几年了,商家提供基于KVM架构的VPS,数据中心包括美国、法国、英国、加拿大和爱尔兰等6个地区机房,VPS主机套餐最低2GB内存起步,支持Windows或者Linux操作系统,1Gbps端口不限制流量。最近商家提供了一个5折优惠码,优惠后最低套餐月付5美元起。下面列出部分套餐配置信息。CPU:1core内存:2GB硬...

虚拟机和服务器的区别为你推荐
支出127支持ipadtracerouteping命令和traceroute(tracert )在功能上的区别有哪些?127.0.0.1DNS老是被修改为127.0.0.1,这是为什么?360chrome360的chrome浏览器进程有点多哦???icloudiphone苹果6显示已停用请连接itunes什么意思css选择器css3的选择器有哪些?phpemptyPHP~~什么时候用isset 什么时候用emptyios6.1.3越狱苹果手机版本6.1.3 什么时候可以越狱 要等多久?altools.u32labview中有个叫RGB(U32)的是神马?怎么弄出来?
国外虚拟空间 godaddy域名转出 天猫双十一抢红包 12306抢票助手 灵动鬼影 怎样建立邮箱 老左正传 服务器托管什么意思 国外免费asp空间 绍兴电信 www789 独立主机 贵阳电信 阿里云邮箱登陆地址 万网主机 空间服务器 阿里云个人邮箱 国外代理服务器 新疆服务器 时间同步服务器 更多