SSR和CSR

SSR:服务端渲染(Server-Side Rendering)

浏览器每次请求时,服务端都会生成页面完整的HTML响应,最后在浏览器将静态的HTML“激活”。

CSR:客户端渲染(Client-Side Rendering)

首次打开站点时浏览器下载最最少的HTML和页面所需的JavaScript,然后使用Javascript在浏览器中生成和操作DOM呈现界面。
首次加载时较慢,下载、解析和执行所有JavaScript后才可看到完整页面。之后导航到同一个网站的其他页面速度更快,只需必要的数据JavaScript就可以重新渲染页面的部分内容。
要注意不利于SEO,搜索引擎请求到首页后只能看到初始空状态或加载状态,不执行JavaScript。

总之
SSR是服务端每次全量返回HTML给客户端渲染;
CSR是服务端首次返回少量的HTML和必要的JavaScript,后续由JavaScript更新DOM。

渲染方式优点缺点技术方案
SSR首屏加载快;更好的SEO;部署要求多;服务端负载高;Blazor Web,MVC,JSP,PHP
CSR前后端分离;服务端负载低;首屏加载较慢;不利于SEO;Blazor WebAssembly,React,Vue
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值