前端CDN库总汇

更新日期: 2021-12-15阅读: 2.1k标签: cdn

CDN的全称是Content Delivery Network,即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。简单的说,CDN是用来帮助网站快速和稳定的来加载资源的。


一、cdnjs

cdnjs 是一项免费的开源 CDN 服务,受到超过12.5% 的所有网站的信任,每月处理超过2000 亿次请求,由 Cloudflare 提供支持。

地址:https://cdnjs.com/


二、Bootstrap CDN

关于 BootCDN BootCDN 是 Bootstrap 中文网支持并维护的前端开源项目免费 CDN 服务,致力于为 Bootstrap、jqueryangularvuejs 一样优秀的前端开源项目提供稳定、快速的免费 CDN 加速服务。

BootCDN 所收录的开源项目主要同步于 cdnjs 仓库。 自2013年上线以来已经累计为近百万网站提供了稳定、可靠的免费 CDN 加速服务。  

话说稳定性,确实还可以,但是容易遭受攻击。

在遭受攻击的时候,就没法访问了。很多时候解决时间需要较长的等待。

地址:https://www.bootcdn.cn/ (库比较新,建议使用)


三、Staticfile CDN

Staticfile CDN的目标是提供这样一个仓库,让它尽可能全面收录优秀的开源库,并免费为之提供 CDN 加速服务,使之有更好的访问速度和稳定的环境。同时,我们也提供开源库源接入的入口,让所有人都可以提交开源库,包括 JavaScript、css、图片和 swf 等静态文件。

地址:http://www.staticfile.org/


四、又拍云JS库

又拍云为您托管常用的JavaScript库,您可以在自己的网页上直接通过script标记引用这些资源。这样做不仅可以为您节省流量,还能通过我们的CDN加速,获得更快的访问速度。

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


五、新浪云计算CDN公共库

新浪云计算是新浪研发中心下属的部门,主要负责新浪在云计算领域的战略规划,技术研发和平台运营工作。主要产品包括 应用云平台Sina App Engine(简称SAE)。

SAE的CDN节点覆盖全国各大城市的多路(电信、联通、移动、教育)骨干网络,使开发者能够方便的使用高质量的CDN服务。

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


六、jsDelivr

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

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


七、Ajax CDN

NET开发团队推出的一个新的微软Ajax CDN(Content Delivery Network,内容分发网络)服务,该服务提供了对AJAX库(包括jQuery 和 http://ASP.NET AJAX)的缓存支持。该服务是免费的,不需任何注册,可用于商业性或非商业性用途。

地址:https://www.asp.net/ajaxlibrary/cdn.ashx


八、Baomitu

这个静态资源库是支持HTTP/2的CDN服务,有了它,如果你是自己的小型项目或者是做测试就不用下载任何的代码库,直接粘贴地址过来用就可以,因为是国内的CDN库,速度还非常的快。

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


总结

这些CDN公共库大都各具特色。大家可以自己选择性去使用,个人用的比较多的是前三:cdnjs和Bootstrap CDN。

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

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


链接: https://www.fly63.com/article/detial/7390

各个版本的jquery引用地址总结,jquery cdn公共库地址总汇

jquery作为前端常使用的插件之一,一般我们不使用下载到本地引用,直接通过CDN 公共库来加载,这篇文章就总结各个版本的jquery引用地址。

CDN与DNS知识汇总_CDN/DNS是什么?有什么好处?

在性能优化的时候,比较常见的一个建议是,把资源部署在CDN上,那么问题来了,CDN是什么?这样做有什么好处?讲完DNS,现在可以开始讲CDN了,CDN的全称是Content Delivery Network,即内容分发网络

vue.js的cdn引用地址有哪些?

vue 是一套用于构建用户界面的渐进式框架。我们使用采用cdn的方式来引入vue,可以缓解我们服务器的压力,原理是将我们的压力分给其他服务器点。

前端工程之CDN部署_前端为什么非要动静分离?说一下CDN托管的意义

大型Web应用对速度的追求并没有止步于仅仅利用浏览器缓存,因为浏览器缓存始终只是为了提升二次访问的速度,对于首次访问的加速,我们需要从网络层面进行优化,最常见的手段就是CDN(Content Delivery Network,内容分发网络)加速

什么是CDN缓存?CDN的入门了解

CDN即内容分发网络,是指一种通过互联网互相连接的电脑网络系统,利用最靠近每位用户的服务器,更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户,来提供高性能、可扩展性及低成本的网络内容传递给用户。

CDN的使用场景和操作细节

随着互联网的发展,各种网络应用也雨后春笋般的发展,应用越做越大,访问路径越来越长,用户的访问质量受到严重的影响,特别是用户和网站之间的链路被突发的大流量数据拥堵、异地访问急需加速,减少网络费用等因素

Vue项目构建持续集成阿里云CDN

CDN加速是Web应用性能优化和用户体验提升的至关重要的一环,当一个项目构建部署时,就需要考虑到如何高效的去完成相关资源的CDN部署。以一个基于 vue-cli3 构建的项目实例,来简单讲解如何配合Teamcity

网站防护选用高防CDN的优点

网站防护选用高防CDN有下列好多个优点:合理防御力DDoS、CC进攻,ms级時间没有响应,智能导航相对路径派发,高品质髙速互联网配搭SSD储存更顺畅。私有高防连接点

CDN(Content Delivery Network)原理

分发服务系统,其基本的工作单元就是各个cache服务器。负责直接响应用户请求,将内容快速分发到用户;同时还负责内容更新,保证和源站内容同步。根据内容类型和服务种类的不同

提高网页响应速度:优化你的 CDN 性能

CDN 服务本身并不具备域名解析功能,而是依托于 DNS 智能解析功能,由 DNS 根据用户所在地、所用线路进行智能分配最合适的 CDN 服务节点,然后把缓存在该服务节点的静态缓存内容返回给用户。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!