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

本文探讨了网页渲染的不同方式,包括客户端渲染和服务端渲染。客户端渲染减轻了服务器的压力,并支持前后端分离,但不利于SEO。服务端渲染则有利于SEO,但增加了服务器负担。

Browser:

  1. 收到服务端响应的字符串了
  2. 从上到依次次解析,在解析过程中发现了ajax,则再次发起请求,
  3. 发请求
  4. 拿到ajax响应结果
  5. 模板引擎渲染

Note:第一次请求是拿到页面,第二次请求是拿到动态资源数据

缺点: 对SEO相当不友好

优点: 减轻了服务器端的渲染压力;同时,最大的好处就是:能够实现前后端分离开发;

Server:

  1. 读取index.html
  2. 模板引擎开始渲染,发送给客户端之前,就已经把index.html渲染处理了

Note:只请求了一次,服务端渲染,相应的结果就是最终的结果,客户端不需要做任何的处理

每当有客户端请求页面了,服务器先在后端调用art-template,把指定的页面预先在后端渲染后,然后通过res.end把这个渲染完毕的完整页面,

返回给客户端直接展示。

 优点:对SEO友好,因为我们经过服务器端渲染的页面,在网络中传输的时候,传输的是一个真实的页面。因此,爬虫客户端,当爬到我们的页面后,会分析我们给他提供的这个页面,此时,我们页面中的关键数据就会被爬虫给收录了。

缺点: 服务器端渲染,对服务器压力比较打,可以使用服务器端的页面缓存技术,减轻服务器的渲染压力;不适合前后端分离开发。


  • 客户端渲染不利于SEO搜索引擎优化
  • 服务端渲染是可以被爬虫抓取的,客户端异步渲染是很难被爬虫抓取的
  • 真正的网站既不是存异步,也不是存服务端渲染出来的,而是两者结合的
  • 例如京东的商品列表就是服务端渲染,目的是为了SEO搜索引擎优化,而他的商品评论为了用户体验。不需要优化,采用的客户端渲染
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值