歷史
-
在前端開發過程中,涉及到提升頁面性能的時候,有很多方法。其中一種便是利用 CDN 來提高頁面的 響應速度。
-
說到 CDN,雖然可以極大提升頁面的響應速度,同時也會存在可以優化的地方。例如:在使用 CDN 的時候, 可能會同時加載10個 .js 文件,10個 .css 文件(數字只是單純舉例)。
-
那麼,這個時候會遇到一個問題,即可能會需要發送多次請求,來獲取和下載這些靜態文件。
是什麼
這個時候,就需要介紹 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