web開發人員們的福利來了。。旨在為大家提供更快很多其它更好的靜態資源庫的CDN載入庫方案!
CDN公共庫是指將經常使用的JS庫存放在CDN節點,以方便廣大開發人員直接調用。
與將JS庫存放在server單機上相比,CDN公共庫更加穩定、快速。一 般的CDN公共庫都會包括全球全部最流行的開源JavaScript、JQuery等庫。你能夠在自己的網頁上直接通過script標記引用這些資源。這樣做不僅能夠為您 節省流量。還能通過CDN加速。獲得更快的訪問速度。注意站點要支持ssl的有些資源慎用。最好的方法就下載到站點的相應文件夾,然后代碼調用就可以。
眼下國內的一些比較大的公共CDN服務:
此前最大的靜態資源公共庫谷歌Hosted libraries (注意GFW牆)
<script>
if (!window.jQuery) {
var script = document.createElement('script');
script.src = "/js/jquery.min.js";
document.body.appendChild(script);
}
</script>
百度CDN公共庫
百度公共CDN為站長的應用程序提供穩定、可靠、快速的服務,包括全球全部最流行的開源JavaScript庫。
官網幫助手冊:http://developer.baidu.com/wiki/index.php?
title=docs/cplat/libs
公共庫地址:http://cdn.code.baidu.com/
Ps:百度的速度眼下來說應該是和新浪差點兒相同的。只是jQuery的版本號比SAE少幾個。其它類庫應該都差點兒相同。
新浪雲計算CDN公共庫
新浪雲計算是新浪研發中心下屬的部門,主要負責新浪在雲計算領域的戰略規划。技術研發和平台運營工作。
主要產品包含 應用雲平台Sina App Engine(簡稱SAE)。
SAE的CDN節點覆蓋全國各大城市的多路(電信、聯通、移動、教育)骨干網絡。使開發人員可以方便的使用高質量的CDN服務。
官網:http://lib.sinaapp.com/
Ps:網上有評測說新浪的速度比百度的要好。個人沒感覺出來。親測半夜的時候出現過幾次載入慢的情況(不知道其它站長遇到過沒有)。
又拍雲JS庫CDN服務
又拍雲存儲是杭州緯聚網絡有限公司旗下項目,成立於2005年6月。前期主要為又拍網、又拍圖片管家提供圖片雲存儲/雲計算服務,於2010年2月對全部用戶開放使用。
主要專注於海量小文件的存儲與分發及圖片雲計算領域。提供的兩大核心服務:靜態文件雲存儲、CDN加速處理。
官網:http://jscdn.upai.com/
Ps:又拍雲js庫提供了經常使用的JavaScript庫CDN服務。算是起步較早的cdn加速服務了。速度和穩定性也不錯。
只是js庫有點少。有些前衛的js庫可能不提供。
七牛雲存儲 開放靜態文件CDN
像 Google Ajax Library,Microsoft ASP.net CDN,SAE,Baidu,Upyun 等 CDN 上都免費提供的 JS 庫的存儲,但使用起來卻都有些局限。由於他們僅僅提供了部分 JS 庫。但七牛雲存儲提供一個盡可能全面收錄優秀開源庫的倉庫。並免費提供 CDN 加速服務。
官網:http://www.staticfile.org/
Ps:同一時候,開放靜態文件CDN也提供開源庫源接入的入口,讓全部人都能夠提交開源庫,包含 JS、CSS、image 和 swf 等靜態文件。
上面這幾個,我個人測試結果:百度雲應該是最快的, 又拍的服務太少,差點兒不用考慮.阿里雲據說也提供了公共CDN服務。但眼下官網找不到詳細服務頁面,臨時不說了
360站點衛士CDN前端公共庫
托管在360眾多的全國CDN節點上。覆蓋電信、聯通、移動等主流運營商線路,您能夠在自己的網頁上直接通過script標記引用這些資源,讓站點訪問速度瞬間提速!
而且非常給力的提供了ajax.googleapis.com及fonts.googleapis.com的鏡像。
僅僅需替換一個域名就能夠繼續使用Google提供的前端公共庫和免費字體庫,讓站點訪問速度瞬間提速。
官網:http://libs.useso.com/
Ps:360的步伐如今是越來越快了。
各種技術和提供的服務更新的速度是飛快的。
360CDN服務也是近期才推出的(貌似主要還是Google被牆了 的原因)。
提供了大多數的前端js庫。還在自己的server上面緩存了Google的前端公共庫和免費字體庫,這個算是其它國內的cdn公共庫沒有的。速度和 穩定性也不錯。當然相比較並且還是略遜於百度和新浪(親測有些地方寬帶線路會斷線。可能也是非常少部分吧)。
畢竟提供服務還沒多久。詳細用法可查看WordPress利用360CDN公共庫解決Google Open Sans字體無法載入.
眼下國外的一些比較大的公共CDN服務:
CDNJS-資源豐富
CDNJS提供很完整的 JavaScript 程式庫。不管是熱門或是冷門的一應俱全。
若你認為它們缺少哪些好用的函式庫,也能夠自行提交到站點里,通過審核后就 CDNJS 就會為你分流 js文件!
這項服務是結合 CloudFlare、Pingdom 與 S3Stat的,穩定性與速度自然不在話下。
CDNJS提供的 JavaScript Libraries 所有列在站點首頁,使用者能夠直接搜索。這些程式庫都有標示版本號編號、標簽以及原維護站點鏈結。
官網:http://www.cdnjs.com/
Ps:CDNJS應該算是最完整的的JS庫了。存儲了大部分主流的 JS 庫。甚至 CSS、image 和 swf,只是非常多國內優秀開源庫是沒有的。非常多國外前衛的Js庫在CDNJS大都能找到。國內的速度盡管比不上其它的幾個國內的CDN服務。可是相對來說 事實上還能夠。
當然你也能夠使用國人提供的CDNJS國內鏡像站點的又拍雲路徑來引用相關JS和CSS文件。
國內鏡像:http://www.cdnjs.cn/
CDNJS國內鏡像托管在又拍雲存儲。可是各種JS或者CSS類庫比又拍雲自己出的JS庫豐富非常多,並且每天同步更新且支持https協議。
Google Hosted Libraries
Google出品,必屬精品了。盡管近期Google全線產品被牆了,連主要的Google搜索服務都無法使用了。可是谷歌的公共CDN公共庫應該是 最強大的了。像當中的前衛的各種代碼類庫和Google Web Font 字體庫,國內幾大公共CDN服務差點兒都不提供支持。
官網:https://developers.google.com/speed/libraries/
Ps:當然, Google打不開怎么辦?除了使用國內的cdn庫,也沒有什么好辦法了。
如:國內cdn不提供的js庫使用七牛雲存儲cdn加速服務、Google Fonts Open Sans字體庫使用360CDN公共庫取代等。
Microsoft ASP.net CDN
ASP.NET開發團隊推出的一個新的微軟Ajax CDN(Content Delivery Network,內容分發網絡)服務,該服務提供了對AJAX庫(包含jQuery 和 ASP.NET AJAX)的緩存支持。
該服務是免費的,不需不論什么注冊。可用於商業性或非商業性用途。
官網:http://www.asp.net/ajaxlibrary/cdn.ashx
Ps:微軟出品。自然不會太差。
盡管在天朝,速度依舊不會太慢(當然比不上國內的其它cdn)。
jsDelivr
MaxCDN是一家價格相對照較廉價的CDN公司,在全球分布着眾多的節點。 jsDelivr是基於MaxCDN的一個免費開源的 CDN 解決方式。用於幫助開發人員和站長。jsDelivr包括 JavaScript 庫、jQuery 插件、CSS 框架、字體等等 Web 上經常使用的靜態資源。
官網:http://www.jsdelivr.com/
Ps:每一款CDN的節點數量都是大家所關心的。jsDelivr總共提供着13個節點。
載入速度和CDNJS基本差點兒相同,國內用戶建議使用國內CDN服務最佳。
大家能夠自己測試看看。
缺點爆料:看了下 百度 360 新浪 七牛 還有上面2個 jquery 都不夠新,另外要支持 http https 協議 又要更新勤快的臨時還沒有。
總結:這些CDN公共庫大都各具特色。
大家能夠自己選擇性去使用。速度和穩定性以國內的百度和新浪為最佳(當然這是個人意見)。鑒於Google已經被牆,全部關於Google的服務大家還是盡快轉移陣地,使用國內的CDN公共庫服務吧。