服务器端渲染和客户端渲染

  1. SSR,英文全称叫 Server side rendering ,服务器端渲染。

    每当有客户端请求页面了,服务器先在后端调用(模板引擎)template,把指定的页面预先在后端渲染后,然后通过res.end把这个渲染完毕的完整页面,返回给客户端直接展示。

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

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

  2. 客户端渲染

    html 仅仅作为静态文件,客户端端在请求时,服务端不做任何处理,直接以原文件的形式返回给客户端客户端,然后根据 html 上的 JavaScript,生成 DOM 插入 html。针对客户端状态变化,请求了数据,进行局部dom变化(局部可能大到整个body)。

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

    缺点: 对SEO相当不友好

  3. 单页面应用

    在SPA场景下
    服务端渲染都是针对第一次get请求,用于生产完整的html给浏览器,浏览器直接出首屏。
    客户端渲染都是针对客户端状态变化,请求了数据,进行局部dom变化(局部可能大到整个body)。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值