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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM