目录

前端静态资源免费cdn服务推荐

CDN 服务

字节跳动静态资源公共库

BootCDN

jsDelivr

Staticfile CDN

cdnjs

对比

CDN服务 优点 缺点 适用场景
字节跳动静态资源公共库 字节跳动提供的 CDN,国内速度快,适合字节生态相关库 历史版本较少,并且资源覆盖面不怎么全,而且资源拼接存在内容乱缺少情况 国内用户,稳定性
BootCDN 国内访问速度快,资源丰富,支持大量开源库,并且支持大量版本,免费且稳定 版本更新比较缓慢,而且总是出现不稳定情况 国内用户,需要较久历史版本用户
jsDelivr 全球 CDN 网络,资源全面,支持 npm 包直接引用,版本控制灵活 国内访问可能受网络限制,速度稍慢,有时候甚至访问不了 国际化项目,需最新版本的库
Staticfile CDN 来自七牛云支,国内访问速度快,资源丰富,长期维护 仅支持热门资源,一些冷门资源不一定有 国内用户,稳定性

使用方法

  • 打开 cdn 网站
  • 一般首页都支持搜索,搜索资源名称
  • 然后复制链接,链接可以直接在自己的网站源码中引用

比如:

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>
<link rel="stylesheet" href="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-2-y/noUiSlider/8.5.1/nouislider.min.js">

总结

如果你是国内用户,强烈推荐使用

字节跳动静态资源公共库

Staticfile CDN

cdn 稳定性和维护性对生产环境来说非常重要, 以上两个虽然资源覆盖面不全,但是至少有大厂做背书

如果你是国际化用户,那首选:jsDelivr

ß