利用静态资源库加速网页访问的正确使用方法(公共库汇总)

网页加载速度主要取决于页面中的静态资源（js/css/图片）的体积。除图片属网站专有。常用的js与css文件库复用率高(如：jquery/layui等)，而部分页面引用的js/css体积超过1M，对于个人云服务器加载这些资源可能要数秒，影响网站访问速度。

所以一些平台提供了静态资源库，可以让网页迅速加载（用户多，静态资源已经缓存在用户的浏览器中）。

自己网站加载静态资源（js、css），提高加载速度，减少自己云服务器的负荷。下面是比格云收集的一些常用的静态资源库及正确的使用方法。

国内静态资源公共库

七牛云存储

https://www./

又拍云

http://jscdn./

360前端静态资源库

https://cdn./

Bootstrap中文网

http://www./

新浪云计算CDN公共库:

http://lib.sinaapp.com/

字节跳动静态资源公共库

http://cdn./

下面是国外的

CDNJS

https:///

Microsoft  CDN

https://docs.microsoft.com/en-us/aspnet/ajax/cdn/overview

jsDelivr

https://www./

可能少部分同学觉得第3方的资源可以无法连通，而如果自己的页面能访问，从自己服务器加载资源成功率更高。那么比格云推荐备用方案：从第3方加载静态资源失败时自动从自己服务器加载。下面是正确的使用方法。

在 CDN 读取失败的时候从自己服务器加载：

http://wlib.sinaapp.com/js/jquery/1.7.2/jquery.min.js">

<script>

if (!window.jQuery) {

var script = document.createElement('script');

script.src = "/js/jquery.min.js";

document.body.appendChild(script);

}

</script>