网站常用的一些 CDN 公共库加速服务

Javascript 2020-07-09 阅读 191 评论 0

如果我们在做一个面向国内外的全球性网站,可能就要考虑一下 CDN,我们可以考虑使用开放静态文件 CDN 公共库。CDN 公共库是指将常用的 JS、CSS 等静态文件存放在 CDN 节点,以方便广大开发者直接调用。与将 JS 库存放在单机服务器上相比,CDN 公共库更加稳定、高速。一般的 CDN 公共库都会包含全球所有最流行的开源 JavaScript 库,你可以在自己的网页上直接通过 script 标记引用这些资源。这样做不仅可以为您节省流量,还能通过 CDN 加速,获得更快的访问速度。下面列出几个比较常用的公共库服务站点。

七牛云存储

官网:http://www.staticfile.org/

像 Google Ajax Library,Microsoft ASP.net CDN,SAE,Baidu,Upyun 等 CDN 上都免费提供的 JS 库的存储,但使用起来却都有些局限,因为他们只提供了部分 JS 库。当然,我们还可以有像 CDNJS 这样的平台,存储了大部分主流的 JS 库,甚至 CSS、image 和 swf,但国内的访问速度却不是很理想,并且缺少很多国内优秀开源库。

因此,我们提供这样一个仓库,让它尽可能全面收录优秀的开源库,并免费为之提供 CDN 加速服务,使之有更好的访问速度和稳定的环境。同时,我们也提供开源库源接入的入口,让所有人都可以提交开源库,包括 JS、CSS、image 和 swf 等静态文件。

jsDelivr

官网:https://www.jsdelivr.com/

MaxCDN 是一家价格相对比较便宜的CDN公司,在全球分布着众多的节点。 jsDelivr 是基于 MaxCDN 的一个免费开源的 CDN 解决方案,用于帮助开发者和站长。

jsDelivr 是一个免费开源的 CDN 解决方案,用于帮助开发者和站长。包含 JavaScript 库、jQuery 插件、CSS 框架、字体等等 Web 上常用的静态资源。jsDelivr 为npm、GitHub、WordPress插件和自定义端点提供了镜像,也为其他一些有特殊要求的项目提供了镜像。

npm CDN

加载任何托管在 npm 上的项目:

https://cdn.jsdelivr.net/npm/package@version/file

GitHub CDN

加载任何 GitHub 版本,提交或分支:

https://cdn.jsdelivr.net/gh/user/repo@version/file

WordPress CDN

从 WordPress.org 插件 SVN 存储库中加载任何插件:

https://cdn.jsdelivr.net/wp/plugins/project/tags/version/file

具体实现参考官网 https://www.jsdelivr.com/features

cdnjs

官网:https://cdnjs.com/

官网描述:每个人都喜欢 Google CDN,对吗?甚至 Microsoft 也运行公共 CDN。问题是,它们仅托管最受欢迎的库。我们托管所有流行的库:JavaScript、CSS、SWF、图像等!支持 http2.0/http/https/spdy,我们鼓励始终使用https!目前,cdnjs 是最著名的免费和公共 Web 前端 CDN 服务之一,全球近 5百万个网站(占所有网站的 9.2%)使用了cdnjs,每月服务 1600 亿个请求。

可以说 cdnjs 的库是最全面的,不过很多国内优秀开源库还没有,而且国内访问偶尔会慢一些。

最后更新 2020-07-09
MIP.watch('startSearch', function (newVal, oldVal) { if(newVal) { var keyword = MIP.getData('keyword'); console.log(keyword); // 替换当前历史记录,新增 MIP.viewer.open('/s/' + keyword, {replace: true}); setTimeout(function () { MIP.setData({startSearch: false}) }, 1000); } }); MIP.watch('goHome', function (newVal, oldVal) { MIP.viewer.open('/', {replace: false}); });