国内站点经常使用的一些 CDN 静态资源公共库加速服务
web开发人员们的福利来了。。旨在为大家提供更快很多其它更好的静态资源库的CDN载入库方案!
CDN公共库是指将经常使用的JS库存放在CDN节点,以方便广大开发人员直接调用。
与将JS库存放在server单机上相比,CDN公共库更加稳定、快速。一 般的CDN公共库都会包括全球全部最流行的开源JavaScript、JQuery等库。你能够在自己的网页上直接通过script标记引用这些资源。这样做不仅能够为您 节省流量。还能通过CDN加速。获得更快的訪问速度。注意站点要支持ssl的有些资源慎用。最好的方法就下载到站点的相应文件夹,然后代码调用就可以。
当然。用别人的 CDN 都是不保险的。所以建议在 CDN 读取失败的时候从自己server提供:下面是jquery为例,其他js也会定义类名,不过js不同的判断,但原理都是一样的。
<script src="//http://lib.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>
或者下面的代码
<script type="text/javascript" src="//apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script> <script type="text/javascript"> if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='/skin/js/jquery.js' type='text/javascript'%3E%3C/script%3E")); } </script>
记得本地放置一份js文件。
例如viewer.js
<script type="text/javascript" src='//cdn.staticfile.org/viewerjs/1.5.0/viewer.min.js'></script> <script type="text/javascript"> if ('undefined' == typeof(window.Viewer)) { document.write(unescape("%3Cscript src='/skin/js/viewer.min.js' type='text/javascript'%3E%3C/script%3E")); } var viewer = new Viewer(document.getElementById('content')); </script>
前期测试的时候大家可以在chrome浏览器中的F12 console.log输出测试。
BootCDN
稳定、快速、免费的前端开源项目 CDN 加速服务
附带搜索,编辑好格式可以直接复制
BootCDN 是 猫云 联合 Bootstrap 中文网 共同支持并维护的前端开源项目免费 CDN 服务,致力于为 Bootstrap、jQuery、React、Vue.js 一样优秀的前端开源项目提供稳定、快速的免费 CDN 加速服务。BootCDN 所收录的开源项目主要同步于 cdnjs 开源项目仓库。
百度静态资源公共库
百度的,支持搜索,不支持直接复制
以前的js可以正常调用,不过目前已经不再提供索引服务。
新浪云计算CDN公共库
不算很方便,需要自己单击查找
新浪云计算是新浪研发中心下属的部门,主要负责新浪在云计算领域的战略规划。技术研发和平台运营工作。
主要产品包含 应用云平台Sina App Engine(简称SAE)。
SAE的CDN节点覆盖全国各大城市的多路(电信、联通、移动、教育)骨干网络。使开发人员可以方便的使用高质量的CDN服务。
七牛云存储开放静态文件
像 Google Ajax Library,Microsoft ASP.net CDN,SAE,Baidu,Upyun 等 CDN 上都免费提供的 JS 库的存储,但使用起来却都有些局限。由于他们仅仅提供了部分 JS 库。但七牛云存储提供一个尽可能全面收录优秀开源库的仓库。并免费提供 CDN 加速服务。
国内知名云存储,不过支持的js资源比较少。
我们的目标是提供这样一个仓库,让它尽可能全面收录优秀的开源库,并免费为之提供 CDN 加速服务,使之有更好的访问速度和稳定的环境。同时,我们也提供开源库源接入的入口,让所有人都可以提交开源库,包括 JavaScript、CSS、图片和 swf 等静态文件。
Ps:同一时候,开放静态文件CDN也提供开源库源接入的入口,让全部人都能够提交开源库,包含 JS、CSS、image 和 swf 等静态文件。
上面这几个,我个人測试结果:百度云应该是最快的, 又拍的服务太少,差点儿不用考虑.阿里云据说也提供了公共CDN服务。但眼下官网找不到详细服务页面,临时不说了
Google资源库
国外访问很快,国内被墙了,慎用
微软资源库
ASP.NET开发团队推出的一个新的微软Ajax CDN(Content Delivery Network,内容分发网络)服务,该服务提供了对AJAX库(包含jQuery 和 ASP.NET AJAX)的缓存支持。
该服务是免费的,不需不论什么注冊。可用于商业性或非商业性用途。
官网:http://www.asp.net/ajaxlibrary/cdn.ashx
Ps:微软出品。自然不会太差。
尽管在天朝,速度依旧不会太慢(当然比不上国内的其它cdn)。支持的不多
腾讯网静态资源公共库
企鹅大厂稳定,腾讯网静态资源公共库
腾讯FERD(前端研发中心),作为腾讯旗下门户网站QQ.com的主力前端团队,负责整个站点的PC与移动web研发。我们关注前端行业发展,乐于分享和总结,在这里您会看到我们团队的动态信息,以及我们推荐的最新最好的前端资讯与知识。
字节跳动静态资源公共库
头条抖音都在用的
cdnjs.net
免费开源前端公共库
CDNJS 是一个互联网上的 JavaScript 资料库,类似 Google CDN 和微软CDN服务,但是速度比这二者更加快。CDNJS 上提供了众多 JavaScript 库,你可以直接在网页上引用这些 JS 文件,实现用户浏览网站的最佳速度体验。
在网站里可以找到 JavaScript 函式库的 CDN 连结,是 cdnjs.cloudflare.com 开头的,复制后丢进网站里取代原有的链接位置即可。
又拍云JS库CDN服务
又拍云存储是杭州纬聚网络有限公司旗下项目,成立于2005年6月。前期主要为又拍网、又拍图片管家提供图片云存储/云计算服务,于2010年2月对全部用户开放使用。
主要专注于海量小文件的存储与分发及图片云计算领域。提供的两大核心服务:静态文件云存储、CDN加速处理。
官网:http://jscdn.upai.com/
Ps:又拍云js库提供了经常使用的JavaScript库CDN服务。算是起步较早的cdn加速服务了。速度和稳定性也不错。
jsDelivr
MaxCDN是一家价格相对照较廉价的CDN公司,在全球分布着众多的节点。 jsDelivr是基于MaxCDN的一个免费开源的 CDN 解决方式。用于帮助开发人员和站长。jsDelivr包括 JavaScript 库、jQuery 插件、CSS 框架、字体等等 Web 上经常使用的静态资源。
官网:http://www.jsdelivr.com/
Ps:每一款CDN的节点数量都是大家所关心的。jsDelivr总共提供着13个节点。
载入速度和CDNJS基本差点儿相同,国内用户建议使用国内CDN服务最佳。
大家能够自己測试看看。
缺点爆料:看了下 百度 360 新浪 七牛 还有上面2个 jquery 都不够新,另外要支持 http https 协议 又要更新勤快的临时还没有。
总结:这些CDN公共库大都各具特色。
大家能够自己选择性去使用。速度和稳定性以国内的百度和新浪为最佳(当然这是个人意见)不过现在百度不能用了,新浪更新不及时,当前推荐使用bootcss、腾讯、字节跳动。鉴于Google已经被墙,全部关于Google的服务大家还是尽快转移阵地,使用国内的CDN公共库服务吧。