网页的加载速度主要取决于页面中静态资源(js/css/图片)的大小。
只是这些照片是该网站独家提供的。
常用的js和css库具有很高的重用率(如jQuery/layui等)，有些页面引用的js/css卷超过100万。
个人云服务器加载这些资源可能需要数秒时间，影响网站访问速度。
因此，一些平台提供了静态资源库，允许快速加载网页(用户很多，静态资源已经缓存在用户的浏览器中)。
在您自己的网站上加载静态资源(js、css)，提高加载速度，减轻您云服务器的负载。
这里是萌次元收集的一些常用的静态存储库，以及如何正确使用它们。
国内静态资源公共库
七牛云存储
https://www.staticfile.org/
又拍云
http://jscdn.upai.com/
360前端静态资源库
https://cdn.baomitu.com/
Bootstrap中文网
http://www.bootcdn.cn/
新浪云计算CDN公共库:
http://lib.sinaapp.com/
字节跳动静态资源公共库
http://cdn.bytedance.com/
下面是国外的
CDNJS
https://cdnjs.com/
Microsoft ASP.net CDN
https://docs.microsoft.com/en-us/aspnet/ajax/cdn/overview
jsDelivr
https://www.jsdelivr.com/
可能少部分同学觉得第3方的资源可以无法连通，而如果自己的页面能访问，从自己服务器加载资源成功率更高。那么比格云推荐备用方案：从第3方加载静态资源失败时自动从自己服务器加载。下面是正确的使用方法。
在 CDN 读取失败的时候从自己服务器加载：
<script src="http://wlib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>
<script>
if (!window.jQuery) {
var script = document.createElement('script');
script.src = "/js/jquery.min.js";
document.body.appendChild(script);
}
</script>
![[s-57]](https://www.moeciy.com/moeciy/bqb/57.png)
