前端CDN公共库大全(2021年版)

CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用。与将JS库存放在服务器单机上相比,CDN公共库更加稳定、高速。现在web应用都在使用JS类库,这些类库小的几十K,大的几百K,而国内网络访问速度大家都知道不是那么惬意,所以给各位开发者推荐常用JS类库的CDN缓存,这样不管客户在哪里访问你的页面,调用公共类库的速度都会为你的页面节省很多时间。
一般的CDN公共库都会包含全球所有最流行的开源JavaScript库,你可以在自己的网页上直接通过script标记引用这些资源。这样做不仅可以为您 节省流量,还能通过CDN加速,获得更快的访问速度。

国内CDN公共库

 

新浪云计算CDN公共库

新浪云计算是新浪研发中心下属的部门,主要负责新浪在云计算领域的战略规划,技术研发和平台运营工作。主要产品包括 应用云平台Sina App Engine(简称SAE)。SAE的CDN节点覆盖全国各大城市的多路(电信、联通、移动、教育)骨干网络,使开发者能够方便的使用高质量的CDN服务。

地址:http://lib.sinaapp.com

注:网上有评测说新浪的速度比百度的要好。个人没感觉出来。亲测半夜的时候出现过几次加载慢的情况(不知道其他站长遇到过没有)。

 

又拍云JS库CDN服务

又拍云存储是杭州纬聚网络有限公司旗下项目,成立于2005年6月,前期主要为又拍网、又拍图片管家提供图片云存储/云计算服务,于2010年2月对所有用户开放使用。主要专注于海量小文件的存储与分发及图片云计算领域。提供的两大核心服务:静态文件云存储、CDN加速处理。

地址:http://jscdn.upai.com

注:又拍云js库提供了常用的JavaScript库CDN服务。算是起步较早的cdn加速服务了。速度和稳定性也不错。不过js库有点少,有些前卫的js库可能不提供。

 

七牛云存储开放静态文件CDN

像 Google Ajax Library,Microsoft http://ASP.net CDN,SAE,Baidu,Upyun等 CDN上都免费提供的JS库的存储,但使用起来却都有些局限,因为他们只提供了部分JS库。但七牛云存储提供一个尽可能全面收录优秀开源库的仓库,并免费提供 CDN 加速服务。

地址:http://www.staticfile.org
GIT开源库:https://github.com/staticfile/static

注:同时,开放静态文件CDN也提供开源库源接入的入口,让所有人都可以提交开源库,包括 JS、CSS、image 和 swf 等静态文件。

 

字节跳动静态资源公共库

头条抖音都在用的,字节跳动静态资源库支持多协议、资源动态拼接、快速检索及资源的动态更新,安全、稳定、实时。

地址:https://cdn.bytedance.com/

 

BootCDN

稳定、快速、免费的前端开源项目 CDN 加速服务,共收录了3928个前端开源项目。

地址:https://www.bootcdn.cn/

注:BootCDN是猫云联合Bootstrap中文网共同支持并维护的前端开源项目免费 CDN 服务,致力于为Bootstrap、jQuery、react、vue.js一样优秀的前端开源项目提供稳定、快速的免费 CDN 加速服务。BootCDN 所收录的开源项目主要同步于 cdnjs 开源项目仓库。

 

cdnjs.net

免费开源前端公共库,保护隐私,500+节点毫秒级响应,全面支持https,安全稳定快速,服务几十万站长,过亿浏览器客户端已缓存。

地址:https://cdnjs.net/

 

 

国外CDN公共库

 

CDNJS静态资源CDN服务

CDNJS提供非常完整的 JavaScript程式库,无论是热门或是冷门的一应俱全。若你觉得它们缺少哪些好用的函式库,也可以自行提交到网站里,通过审核后就 CDNJS 就会为你分流js文件!这项服务是结合 CloudFlare、Pingdom 与 S3Stat的,稳定性与速度自然不在话下。CDNJS提供的JavaScript Libraries 全部列在网站首页,使用者可以直接搜索。这些程式库都有标示版本编号、标签以及原维护网站链结。

地址:http://www.cdnjs.com
GIT开源库:https://github.com/cdnjs/cdnjs

注:CDNJS应该算是最完整的的JS库了。存储了大部分主流的 JS 库,甚至 CSS、image 和swf,不过很多国内优秀开源库是没有的。很多国外前卫的Js库在CDNJS大都能找到。国内的速度虽然比不上其他的几个国内的CDN服务,但是相对来说其实还可以。

当然你也可以使用国人提供的CDNJS国内镜像网站的又拍云路径来引用相关JS和CSS文件。
地址:http://www.cdnjs.cn
CDNJS国内镜像托管在又拍云存储,但是各种JS或者CSS类库比又拍云自己出的JS库丰富很多,而且每天同步更新且支持https协议。

 

Google Hosted Libraries

Google出品,必属精品了。虽然最近Google全线产品被墙了,连基本的Google搜索服务都无法使用了。但是谷歌的公共CDN公共库应该是最强大的了,像其中的前卫的各种代码类库和Google Web Font 字体库,国内几大公共CDN服务几乎都不提供支持。

地址:https://developers.google.com/speed/libraries

注:当然,Google打不开怎么办?除了使用国内的CDN库,也没有什么好办法了。

 

Microsoft ASP.net CDN

http://ASP.NET开发团队推出的一个新的微软Ajax CDN(Content DeliveryNetwork,内容分发网络)服务,该服务提供了对AJAX库(包括jQuery 和 http://ASP.NETAJAX)的缓存支持。该服务是免费的,不需任何注册,可用于商业性或非商业性用途。
地址:http://www.asp.net/ajaxlibrary/cdn.ashx
注:微软出品,自然不会太差。虽然在天朝,速度依然不会太慢(当然比不上国内的其他cdn)。

 

MaxCDN:jsDelivr

MaxCDN是一家价格相对比较便宜的CDN公司,在全球分布着众多的节点。 jsDelivr是基于MaxCDN的一个免费开源的 CDN解决方案,用于帮助开发者和站长。jsDelivr包含 JavaScript 库、jQuery 插件、CSS 框架、字体等等 Web上常用的静态资源。

地址:http://www.jsdelivr.com

注:每一款CDN的节点数量都是大家所关心的,jsDelivr总共提供着13个节点。加载速度和CDNJS基本差不多,国内用户建议使用国内CDN服务最佳。大家可以自己测试看看。

 

总结

这些CDN公共库大都各具特色。大家可以自己选择性去使用。速度和稳定性以国内的百度和新浪为最佳(当然这是个人意见)。鉴于Google被墙,所有关于Google的服务还是建议大家转移阵地,使用国内的CDN公共库服务吧。

注:如果担心CDN地址加载失败,可以这样载入本地jquery

<script type="text/javascript">
!window.jQuery && document.write('<script src="js/jquery.min.js"><\/script>');
</script>

 

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片