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