jquery中cdn的作用

億速云內容分發網絡（Content Delivery Network，簡稱CDN）是建立并覆蓋在承載網之上，由分布在不同區域的邊緣節點服務器群組成的分布式網絡。億速云CDN分擔源站壓力，避免網絡擁塞，確保在不同區域、不同場景下加速網站內容的分發，提高資源訪問速度。許多用戶在實際運用CDN的過程中都會遇到如何有效開發CDN的問題，今天億速云跟大家探討下最近前端開發最常見也是最流行的javascript庫中CDN在其中起到何種作用。

jQuery是前端開發最常見也是最流行的javascript庫，如何去加載它才能使我們的項目性能更好以及問什么要用CDN？

當用戶訪問自己的站點時從服務器加載文件，每個服務器同時只能下載2-4個文件，這樣就會降低文件的執行效率，如果多用幾個服務器，這樣同時加載文件的個數就是(2-4)*服務器個數，所以我們把jQuery放到CDN上就是為了提高網站加載文件的效率。

下面就講講常用的jQuery的CDN

國外的CDN：

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

國內的CDN:

//百度
src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"
//七牛
src="http://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"
//新浪
src="http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js"
//又拍云
src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.0.min.js"
//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>

以上就是jquery中cdn有什么用的詳細內容，更多請關注億速云其它相關文章！