jQuery是前端開(kāi)發(fā)最常見(jiàn)也是最流行的javascript庫，如何去加載它才能使我們的項目性能更好以及問(wèn)什么要用CDN？當用戶(hù)訪(fǎng)問(wèn)自己的站點(diǎn)時(shí)從服務(wù)器加載文件，每個(gè)服務(wù)器同時(shí)只能下載2-4個(gè)文件，這樣就會(huì )降低文件的執行效率，如果多用幾個(gè)服務(wù)器，這樣同時(shí)加載文件的個(gè)數就是(2-4)*服務(wù)器個(gè)數，所以我們把jQuery放到CDN上就是為了提高網(wǎng)站加載文件的效率。下面就講講常用的jQuery的CDN
CDN介紹：
百度百科上是這樣介紹的：
CDN的全稱(chēng)是Content Delivery Network，即內容分發(fā)網(wǎng)絡(luò )。其基本思路是盡可能避開(kāi)互聯(lián)網(wǎng)上有可能影響數據傳輸速度和穩定性的瓶頸和環(huán)節，使內容傳輸的更快、更穩定。通過(guò)在網(wǎng)絡(luò )各處放置節點(diǎn)服務(wù)器所構成的在現有的互聯(lián)網(wǎng)基礎之上的一層智能虛擬網(wǎng)絡(luò )，CDN系統能夠實(shí)時(shí)地根據網(wǎng)絡(luò )流量和各節點(diǎn)的連接、負載狀況以及到用戶(hù)的距離和響應時(shí)間等綜合信息將用戶(hù)的請求重新導向離用戶(hù)最近的服務(wù)節點(diǎn)上。其目的是使用戶(hù)可就近取得所需內容，解決 Internet網(wǎng)絡(luò )擁擠的狀況，提高用戶(hù)訪(fǎng)問(wèn)網(wǎng)站的響應速度。
優(yōu)勢：
1.不用擔心自己網(wǎng)站訪(fǎng)客，在任何時(shí)間，任何地點(diǎn)，任何網(wǎng)絡(luò )運營(yíng)商，都能快速打開(kāi)網(wǎng)站。
2.各種服務(wù)器虛擬主機帶寬等采購成本，包括后期運維成本都會(huì )大大減少。
3.給網(wǎng)站直接帶來(lái)的好處就是：流量，咨詢(xún)量，客戶(hù)量，成單量，都會(huì )得到大幅度提升。
國外的CDN：
1.Google Hosted Libraries
src=”http://ajax.useso.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官網(wǎng)
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的服務(wù)外，國內的庫均不支持HTTPS環(huán)境，可惜的是國內用戶(hù)加載起來(lái)比較慢，如果把自己網(wǎng)站架設在國外可以?xún)?yōu)先考慮使用。如果CDN加載失敗時(shí)，我們需要加載自己本地的jQuery文件，只需要在頭部加上下面的代碼就可以
1 <script type=”text/javascript” src=”//ajax.useso.com/ajax/libs/jquery/1.11.1/jquery.min.js”></script>
2 <script>window.jQuery || document.write(‘<script src=”js/jquery-1.11.1.min.js” type=”text/javascript”><//script>’)</script>
上面的速度測試是在本地的，與網(wǎng)路和帶寬等有很大的關(guān)系，最好在自己的環(huán)境下重新測試這幾個(gè)CDN，如果你還有其他CDN可以@me，希望此文能夠幫助你。
