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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章