作为开发者,你一定对 Google CDN 不陌生,微软也有 Microsoft Ajax CDN,他们都提供了常用 JavaScript 库的 CDN 加速服务。国内的七牛、又拍云、百度、360 等也纷纷上线了各自的 CDN 公共库服务。
此外,还有 jsDelivr 和 cdnjs 这 2 家国外的服务商,托管 JavaScript、CSS、images、fonts 等所有类型文件的 CDN 加速服务。
下面就列举目前国内外常见的公共库 CDN 服务:
BootCDN 是 Bootstrap 中文网支持并维护的开源项目免费 CDN 服务,致力于为 Bootstrap、jQuery、Angular 一样优秀的开源项目提供稳定、快速的免费 CDN 服务。BootCDN 所收录的开源项目主要同步于 cdnjs 仓库。
又拍云为您托管常用的JavaScript库,您可以在自己的网页上直接通过script标记引用这些资源。这样做不仅可以为您节省流量,还能通过我们的CDN加速,获得更快的访问速度。
我们的目标是提供这样一个仓库,让它尽可能全面收录优秀的开源库,并免费为之提供 CDN 加速服务,使之有更好的访问速度和稳定的环境。
这里为您提供常用的JavaScript前端库,托管在360众多的全国CDN节点上,覆盖电信、联通、移动等主流运营商线路,您可以在自己的网页上直接通过script标记引用这些资源,让网站访问速度瞬间提速!
百度静态资源公共库 是稳定,快速,全面,开源的国内CDN加速服务。由百度遍布全国各地100+个CDN节点提供加速服务。让开源库享受与百度首页静态资源同等待遇。
CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用。与将JS库存放在服务器单机上相比,CDN公共库更加稳定、高速。 百度公共CDN为您的应用程序提供稳定、可靠、高速的服务,包含全球所有最流行的开源JavaScript库。
SAE的为很多流行的开源js/css库提供了CDN加速服务,开发者可以引用我们的js/css库来提升你的应用的访问速度。
The Google Hosted Libraries is a content distribution network for the most popular, open-source JavaScript libraries.
The Microsoft Ajax Content Delivery Network (CDN) hosts popular third party JavaScript libraries such as jQuery and enables you to easily add them to your Web applications.
The free and open source CDN for web related libraries to speed up your website!
jsDelivr is a public open-source CDN (Content Delivery Network) where anyone can submit a project to be hosted and delivered by our network.
服务商 | 更新频率 | 国内访问速度 | HTTPS/SSL |
---|---|---|---|
国内 | |||
BootCDN | ★★★★ | ★★★★★ | 支持 |
又拍云JS库加速服务 | ★★ | ★★★★★ | 支持 |
开放静态文件 CDN | ★★★★ | ★★ | 支持 |
360网站卫士 | ★★★ | ★★ | – |
百度静态资源公共库 | ★★★ | ★★★ | – |
百度开放云平台 | ★★ | ★★★ | – |
新浪 SAE | ★★ | ★★★★ | 支持 |
国外 | |||
★★★★★ | 无法访问 | 支持 | |
Microsoft | ★★★★★ | ★★★ | 强制 |
cdnjs | ★★★★★ | ★★★★ | 支持 |
jsDelivr | ★★★★★ | ★★★★★ | 支持 |
* 测试文件为各服务商在 http 协议下的 jQuery 2.0.0 minified 版本 |
如果网站面向国内用户推荐使用 BootCDN,面向国际用户则使用 jsDelivr。
如果你使用 CDN 服务,建议准备一个备胎,万一 CDN 服务挂了,可以从自己的服务器上读取:
<script src="//cdn.staticfile.org/jquery/2.0.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/jquery.min.js"><\/script>')</script>