10個國內外jQuery的CDN性能大比拼

jQuery是前端開發最常見也是最流行的javascript庫，如何去加載它才能使我們的項目性能更好以及問什么要用CDN？當用戶訪問自己的站點時從服務器加載文件，每個服務器同時只能下載2-4個文件，這樣就會降低文件的執行效率，如果多用幾個服務器，這樣同時加載文件的個數就是(2-4)*服務器個數，所以我們把jQuery放到CDN上就是為了提高網站加載文件的效率。下面就講講常用的jQuery的CDN

CDN介紹：

百度百科上是這樣介紹的：

　　CDN的全稱是Content Delivery Network，即內容分發網絡。其基本思路是盡可能避開互聯網上有可能影響數據傳輸速度和穩定性的瓶頸和環節，使內容傳輸的更快、更穩定。通過在網絡各處放置節點服務器所構成的在現有的互聯網基礎之上的一層智能虛擬網絡，CDN系統能夠實時地根據網絡流量和各節點的連接、負載狀況以及到用戶的距離和響應時間等綜合信息將用戶的請求重新導向離用戶最近的服務節點上。其目的是使用戶可就近取得所需內容，解決 Internet網絡擁擠的狀況，提高用戶訪問網站的響應速度。

優勢：

1. 不用擔心自己網站訪客，在任何時間，任何地點，任何網絡運營商，都能快速打開網站。
2. 各種服務器虛擬主機帶寬等采購成本，包括后期運維成本都會大大減少。
3. 給網站直接帶來的好處就是：流量，咨詢量，客戶量，成單量，都會得到大幅度提升。

國外的CDN：

1. Google Hosted Libraries
   
   src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"
   
   
2. Microsoft CDN
   
   src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.0.min.js"
   
   
3. CDNJS
   
   src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"
   
   
4. jQuery官網
   
   src="http://code.jquery.com/jquery-1.11.0.min.js"
   
   
5. jsDeliver
   
   src="http://cdn.jsdelivr.net/jquery/2.0.0/jquery-2.0.0.min.js"
   
   

從圖中可以看出國外的CDN最快的是CDNjs

國內的CDN:

1. 百度
   
   src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"
   
   
2. 七牛
   
   src="http://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"
   
   
3. 新浪
   
   src="http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js"
   
   
4. 又拍雲
   
   src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.0.min.js"
   
   
5. 360
   
   src="http://libs.useso.com/js/jquery/2.0.0/jquery.min.js"

 

從圖中可以看出國內最快的是七牛

總結：

　　除國外的谷歌和CDNJS的服務外，國內的庫均不支持HTTPS環境，可惜的是國內用戶加載起來比較慢，如果把自己網站架設在國外可以優先考慮使用。如果CDN加載失敗時，我們需要加載自己本地的jQuery文件，只需要在頭部加上下面的代碼就可以

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.11.1.min.js" type="text/javascript"><\/script>')</script>

 

上面的速度測試是在本地的，與網路和帶寬等有很大的關系，最好在自己的環境下重新測試這幾個CDN，如果你還有其他CDN可以@me，希望此文能夠幫助你。