combo 技术简单介绍

历史

  1. 在前端开发过程中,涉及到提升页面性能的时候,有很多方法。其中一种便是利用 CDN 来提高页面的 响应速度。

  2. 说到 CDN,虽然可以极大提升页面的响应速度,同时也会存在可以优化的地方。例如:在使用 CDN 的时候, 可能会同时加载10个 .js 文件,10个 .css 文件(数字只是单纯举例)。

  3. 那么,这个时候会遇到一个问题,即可能会需要发送多次请求,来获取和下载这些静态文件。

是什么

这个时候,就需要介绍 combo 了。

Combo 是 CDN 的一项技术。它的核心是把对静态资源文件们的多次请求合并到一起,达到请求一次 URL(减少了请求次数),就可以同时获取多个静态文件的目的。

举例

例如淘宝的写法:

<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/??sm.min.css,sm-extend.min.css">

<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/??sm.min.js,sm-extend.min.js' charset='utf-8'></script> 

在以上的代码中,采用 ?? 形式来实现。

备注

在大部分的情况下,使用该方法可以是实现通过减少请求次数来达到提升性能的目的。从笔者之前的经验来看,会有一些特殊的情况下, 例如因为请求的文件太多,而造成的访问该地址时,耗时会有可能出现时间比较长的情况,有的时候甚至会造成卡死。这个时候可以考虑再次拆分下url。

参考

https://www.cnblogs.com/easonjim/p/6216594.html 

https://developer.aliyun.com/ask/129727 

https://www.zhihu.com/question/263637221/answer/271596744

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值