前端CDN公共库大全

CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用。与将JS库存放在服务器单机上相比,CDN公共库更加稳定、高速。现在web应用都在使用JS类库,这些类库小的几十K,
大的几百K,而国内网络访问速度大家都知道不是那么惬意,所以给各位开发者推荐常用JS类库的CDN缓存,这样不管客户在哪里访问你的页面,调用公共类库的速度都会为你的页面节省很多时间。

国内CDN公共库

一般的CDN公共库都会包含全球所有最流行的开源JavaScript库,你可以在自己的网页上直接通过script标记引用这些资源。这样做不仅可以为您 节省流量,还能通过CDN加速,获得更快的访问速度。
cdn

BootCDN

地址:http://www.bootcdn.cn/
BootCDN 是 Bootstrap 中文网支持并维护的前端开源项目免费 CDN 服务,致力于为 Bootstrap、jQuery、Angular、Vuejs 一样优秀的前端开源项目提供稳定、快速的免费 CDN 加速服务。BootCDN 所收录的开源项目主要同步于 cdnjs 仓库。

BeeCDN

地址:https://www.beecdn.com/all.html
前端库CDN加速服务BeeCDN:https://www.coderecord.cn/beecdn.html
BeeCDN是一个专门为前端程序猿提供的开源库CDN加速服务。BeeCDN借助阿里云的OSS存储以及三家互联网巨头(百度云、腾讯云、阿里云)提供的CDN服务,为广大程序猿带来完美的CDN加速体验,让你的服务器减轻负重,让你的网站速度更上一个台阶。

BeeCDN的数据全部来自CDNJS的仓库,毫无舍弃的包含了CDNJS的所有Package,做到100%的完美镜像。通过专属定制的Python同步脚本,实现了CDNJS库和OSS存储之间的完美同步,同时使用MySQL数据库存储所有Package的元数据信息,每次同步也会自动更新元数据信息。

BeeCDN还支持SRI集成(关于SRI介绍,请自行百度哈),beecdn.com前端页面提供三种方式自由选择(sha256,sha384,sha512),默认是关闭状态。

百度CDN公共库

百度公共CDN为站长的应用程序提供稳定、可靠、高速的服务,包含全球所有最流行的开源JavaScript库。
地址:http://cdn.code.baidu.com
GIT开源库:https://github.com/Clouda-team/baiducdnstatic
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
GIT开源库:https://github.com/staticfile/static
Ps:同时,开放静态文件CDN也提供开源库源接入的入口,让所有人都可以提交开源库,包括 JS、CSS、image 和 swf 等静态文件。

360网站卫士CDN

托管在360众多的全国CDN节点上,覆盖电信、联通、移动等主流运营商线路,您可以在自己的网页上直接通过script标记引用这些资源,让网站访问速度瞬间提速!
只需替换一个域名就可以继续使用Google提供的前端公共库和免费字体库,让网站访问速度瞬间提速。
地址:http://libs.useso.com
Ps:360的步伐现在是越来越快了。各种技术和提供的服务更新的速度是飞快的。360CDN服务也是最近才推出的(貌似主要还是Google被墙了 的原因)。提供了大多数的前端js库,
还在自己的服务器上面缓存了Google的前端公共库和免费字体库,这个算是其他国内的cdn公共库没有的。速度和 稳定性也不错,当然相比较而且还是略逊于百度和新浪(亲测有些地方宽带线路会断线,可能也是很少部分吧)。毕竟提供服务还没多久。

modules in the sea

阿里提供的公共CDN库,提供的比较少,没啥好说的。
地址:http://a.tbcdn.cn/libs
GIT开源库:https://github.com/seajs/modules
Ps:仅提供了几个项目CDN加速,未提供递交。

国外较大的公共CDN服务

CDNJS静态资源CDN服务

CDNJS提供非常完整的 JavaScript 程式库,无论是热门或是冷门的一应俱全。若你觉得它们缺少哪些好用的函式库,也可以自行提交到网站里,通过审核后就 CDNJS 就会为你分流 js文件!
这项服务是结合 CloudFlare、Pingdom 与 S3Stat的,稳定性与速度自然不在话下。CDNJS提供的 JavaScript Libraries 全部列在网站首页,使用者可以直接搜索。这些程式库都有标示版本编号、标签以及原维护网站链结。
地址:http://www.cdnjs.com
GIT开源库:https://github.com/cdnjs/cdnjs
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公共库代替等。
360CDN公共库代替:http://ajax.useso.com
360CDN公共库代替:http://fonts.useso.com

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)。

MaxCDN:jsDelivr

MaxCDN是一家价格相对比较便宜的CDN公司,在全球分布着众多的节点。 jsDelivr是基于MaxCDN的一个免费开源的 CDN 解决方案,用于帮助开发者和站长。jsDelivr包含 JavaScript 库、jQuery 插件、CSS 框架、字体等等 Web 上常用的静态资源。
地址:http://www.jsdelivr.com
Ps:每一款CDN的节点数量都是大家所关心的,jsDelivr总共提供着13个节点。加载速度和CDNJS基本差不多,国内用户建议使用国内CDN服务最佳。大家可以自己测试看看。

总结:

这些CDN公共库大都各具特色。大家可以自己选择性去使用。速度和稳定性以国内的百度和新浪为最佳(当然这是个人意见)。鉴于Google已经被墙,所有关于Google的服务大家还是尽快转移阵地,使用国内的CDN公共库服务吧。
注:如果担心CDN地址加载失败,可以这样载入本地jquery

1
2
3
<script type="text/javascript">
!window.jQuery && document.write('<script src="js/jquery.min.js"><\/script>');
</script>
个人微信公众号技术交流QQ群
文章目录
  1. 1. 国内CDN公共库
    1. 1.1. BootCDN
    2. 1.2. BeeCDN
    3. 1.3. 百度CDN公共库
    4. 1.4. 新浪云计算CDN公共库
    5. 1.5. 又拍云JS库CDN服务
    6. 1.6. 七牛云存储CDN
    7. 1.7. 360网站卫士CDN
    8. 1.8. modules in the sea
  2. 2. 国外较大的公共CDN服务
    1. 2.1. CDNJS静态资源CDN服务
    2. 2.2. Google Hosted Libraries
    3. 2.3. Microsoft ASP.net CDN
    4. 2.4. MaxCDN:jsDelivr
  3. 3. 总结: