作为开发者,你一定对 Google CDN 不陌生,微软也有 Microsoft Ajax CDN,他们都提供了常用 JavaScript 库的 CDN 加速服务。国内的七牛、又拍云、百度、360 等也纷纷上线了各自的 CDN 公共库服务。

此外,还有 jsDelivr 和 cdnjs 这 2 家国外的服务商,托管 JavaScript、CSS、images、fonts 等所有类型文件的 CDN 加速服务。

常用 JavaScript 库 CDN 加速服务 第5张插图

下面就列举目前国内外常见的公共库 CDN 服务:

BootCDN(又拍云提供)

BootCDN 是 Bootstrap 中文网支持并维护的开源项目免费 CDN 服务,致力于为 Bootstrap、jQuery、Angular 一样优秀的开源项目提供稳定、快速的免费 CDN 服务。BootCDN 所收录的开源项目主要同步于 cdnjs 仓库。

又拍云 JS 库加速服务

又拍云为您托管常用的 JavaScript 库,您可以在自己的网页上直接通过 script 标记引用这些资源。这样做不仅可以为您节省流量,还能通过我们的 CDN 加速,获得更快的访问速度。

开放静态文件 CDN(七牛云存储提供)

我们的目标是提供这样一个仓库,让它尽可能全面收录优秀的开源库,并免费为之提供 CDN 加速服务,使之有更好的访问速度和稳定的环境。

360 网站卫士常用前端公共库 CDN 服务

这里为您提供常用的 JavaScript 前端库,托管在 360 众多的全国 CDN 节点上,覆盖电信、联通、移动等主流运营商线路,您可以在自己的网页上直接通过 script 标记引用这些资源,让网站访问速度瞬间提速!

百度静态资源公共库

百度静态资源公共库 是稳定,快速,全面,开源的国内 CDN 加速服务。由百度遍布全国各地 100 + 个 CDN 节点提供加速服务。让开源库享受与百度首页静态资源同等待遇。

百度开放云平台 CDN 公共库

CDN 公共库是指将常用的 JS 库存放在 CDN 节点,以方便广大开发者直接调用。与将 JS 库存放在服务器单机上相比,CDN 公共库更加稳定、高速。 百度公共 CDN 为您的应用程序提供稳定、可靠、高速的服务,包含全球所有最流行的开源 JavaScript 库。

新浪 SAE 公共资源

SAE 的为很多流行的开源 js/css 库提供了 CDN 加速服务,开发者可以引用我们的 js/css 库来提升你的应用的访问速度。

Google Hosted Libraries

The Google Hosted Libraries is a content distribution network for the most popular, open-source JavaScript libraries.

Microsoft Ajax Content Delivery Network

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.

cdnjs (by CloudFlare)

The free and open source CDN for web related libraries to speed up your website!

jsDelivr (Multi-CDN, 有国内节点)

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 支持
国外
Google 无法访问 支持
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>