前言

其实国内有很多前端静态资源公共库速度很快,并且这些公共库就是为了提供免费服务的,不用担心像 zhimg 那样被滥用而禁止白嫖,不过前提是加速的资源库要被 cdnjs 收录,像 butterfly 主题中使用的大部分资源都会有。

BootCDN

BootCDN 是 极兔云 联合 Bootstrap 中文网 共同支持并维护的前端开源项目免费 CDN 服务,致力于为 jQuery、Bootstrap、Vue.js 一样优秀的前端开源项目提供稳定、快速的免费 CDN 加速服务。BootCDN 所收录的开源项目主要同步于 cdnjs 开源项目仓库。

Staticfile CDN

Staticfile CDN 是由国内优秀的云存储服务商 七牛云 提供存储和加速赞助,技术社区掘金支持。同步国外 cdnjs 源站,同时由国内开源贡献值提交其它有价值的库。

360 前端静态资源库

360 前端静态资源库是由奇舞团支持并维护的开源项目免费 CDN 服务,支持 HTTPS 和 HTTP/2,囊括上千个前端资源库和 Google 字体库。该站静态资源库数据均同步于 cdnjs 开源项目仓库。

字节跳动静态资源公共库

字节跳动静态资源库支持多协议、资源动态拼接、快速检索及资源的动态更新,安全、稳定、实时。本网站静态资源定期同步自 cdnjs ,有多个文件拼接的功能。

速度对比

因为缓存对 CDN 速度有一定影响,所以这里放出两次的速度对比,对比使用的资源是 twikoo.all.min.js

第一次对比


第二次对比


小结

公共库加载速度同步速度资源丰富度
360★★★☆☆★★★★★★★★★★
七牛云★★★★☆★★★★★★★★★★
字节跳动★★★★★★★★★☆★★★★★
BootCDN★★☆☆☆★★★★★★★★★★

总结

之后常见的一些开源仓库就没必要存放在个人的云存储或者反代 jsd 了,升级不方便,而且速度还没别人快

  像 Google Ajax LibraryMicrosoft Ajax CDNSAEUpyun 等 CDN 上也免费提供的 JS 库的存储,但使用起来却都有些局限,因为他们只提供了部分 JS 库,不像 cdnjs,只要你仓库的 stars 数满足要求就可以申请 pr,并且各种同步 cdnjs 的公共库都能使用了,甚至像七牛云等公共库还提供自己的仓库可以申请添加资源。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
CDN:
# comments
valine: https://cdn.staticfile.org/valine/1.4.16/Valine.min.js
twikoo: https://cdn.staticfile.org/twikoo/1.5.0/twikoo.all.min.js
waline: https://cdn.staticfile.org/waline/1.6.0/Waline.min.js

# share
sharejs: https://cdn.staticfile.org/social-share.js/1.0.16/js/social-share.min.js
sharejs_css: https://cdn.staticfile.org/social-share.js/1.0.16/css/share.min.css

# search
algolia_search_v4: https://cdn.staticfile.org/algoliasearch/4.12.2/algoliasearch-lite.umd.js
instantsearch_v4: https://cdn.staticfile.org/instantsearch.js/4.38.1/instantsearch.production.min.js

instantpage: https://cdn.staticfile.org/instant.page/5.1.0/instantpage.min.js
typed: https://cdn.staticfile.org/typed.js/2.0.12/typed.min.js
pangu: https://cdn.staticfile.org/pangu/4.0.7/pangu.min.js

# photo
medium_zoom: https://cdn.staticfile.org/medium-zoom/1.0.6/medium-zoom.min.js

# snackbar
snackbar_css: https://cdn.staticfile.org/node-snackbar/0.1.16/snackbar.min.css
snackbar: https://cdn.staticfile.org/node-snackbar/0.1.16/snackbar.min.js

# fontawesome
fontawesomeV6: https://cdn.staticfile.org/font-awesome/6.0.0/css/all.min.css
# aplayer
aplayer_css: https://cdn.staticfile.org/aplayer/1.10.1/APlayer.min.css
aplayer_js: https://cdn.staticfile.org/aplayer/1.10.1/APlayer.min.js

# Prism.js
prismjs_js: https://cdn.staticfile.org/prism/1.27.0/prism.min.js
prismjs_lineNumber_js: https://cdn.staticfile.org/prism/1.27.0/plugins/line-numbers/prism-line-numbers.min.js
prismjs_autoloader: https://cdn.staticfile.org/prism/1.27.0/plugins/autoloader/prism-autoloader.min.js