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

本文探讨了服务端渲染(SSR)与客户端渲染(CSR)两种网页数据渲染方式的特点与优劣。SSR通过在服务器端完成数据插入HTML过程,提升了SEO效果和页面加载速度;而CSR则在客户端执行数据渲染,实现前后端分离,但可能影响SEO并增加页面加载时间。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

服务端渲染(SSR)与客户端渲染(BSR)都是数据渲染的主要的方式

任何的WEB项目基本的需要就是将后端的数据库中的数据渲染到页面上

  1. 客户端渲染
前端利用ajax等数据交互手段获取服务端提供的数据之后,渲染到HTML页面

方法:

  • (ajax, jsonp, fetch) -> 获取数据 -> 文档碎片插入,拼接字符串,模板引擎

客户端运行了页面之后才进行

  • 优点:灵活,真正的前后端分离,方便于前后台各自更新维护

  • 缺点: 对SEO不友好,增加了http请求次数,减缓了页面加载速度

  1. 服务端渲染:
在后端看来,页面文件其实就是一个“字符串”,所以服务端完全可以在获取到HTML文
件的内容之后经过一些处理再返回给客户端,也就说,服务端可以将数据插入到HTML
字符串中之后再返回给客户端
  • 优点: 对SEO友好,减少了http请求次数,加速了页面初次渲染速度

  • 缺点: 不灵活,前后端耦合度太高

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值