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

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

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

自己网站加载静态资源(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 http://ASP.net CDN

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

jsDelivr

https://www.jsdelivr.com/

可能少部分同学觉得第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>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容