网页加载速度主要取决于页面中的静态资源(js/css/图片)的体积。除图片属网站专有。常用的js与css文件库复用率高(如:jquery/layui等),而部分页面引用的js/css体积超过1M,对于个人云服务器加载这些资源可能要数秒,影响网站访问速度。
所以一些平台提供了静态资源库,可以让网页迅速加载(用户多,静态资源已经缓存在用户的浏览器中)。
自己网站加载静态资源(js、css),提高加载速度,减少自己云服务器的负荷。下面是比格云收集的一些常用的静态资源库及正确的使用方法。
国内静态资源公共库
七牛云存储
又拍云
360前端静态资源库
Bootstrap中文网
新浪云计算CDN公共库:
字节跳动静态资源公共库
下面是国外的
CDNJS
Microsoft http://ASP.net CDN
https://docs.microsoft.com/en-us/aspnet/ajax/cdn/overview
jsDelivr
可能少部分同学觉得第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>