前端公共库CDN总结

公共库CDN一般是将常用的CSS、JS等数量庞大的前端库或静态资源存放于CDN节点,开发者调用后不仅可以减少服务器开销,还能有效加速网站访问,以提高用户体验。当然,这里总结的前端公共库都是免费的,且基本不用担心盗链与侵权侵权问题。可放心食用。

国内CDN(适用于大陆访问)

1.Staticfile CDN

Staticfile CDN是七牛云提供的免费公共库CDN。库中内容大多是同步CDNJS,也有其他国内开源贡献者提交的其它有价值的库,内容很全,也支持自主提交开源库。引用时可选HTTP/S,算得上是国产良心了。

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

官方简介

库地址: https://www.staticfile.org/

2.loli.net CDN

前身是css.net,现在因赞助商改变而更名。库中内容同步CDNJS,内容较全,引用时可选HTTP/S 。同时支持 Google Fonts、Google 前端公共库AJAX、Gravatar 头像的NGINX反代的CDN服务,虽说通过NGINX反代会影响速度,但也总比打不开强,算是“曲线救国”的一种方式了。

由于某些众所周知的原因,好多开源的 JS 库采用的国外 CDN 托管方式在国内访问速度不如人意。所以我们特意制作了这个公益项目,托管了 CDNJS 的所有开源 JS 库以及反代了 Google Fonts、Ajax 和 Gravatar,并且全部支持 http 和 https

官方简介

文档地址: https://sb.sb/blog/css-cdn/

库地址: https://css.loli.net/

3.BootCDN

由BootStrap中文网提供的免费CDN加速服务,库中内容大多是同步CDNJS,内容较全,仅支持HTTPS。

BootCDN 是 Bootstrap 中文网支持并维护的前端开源项目免费 CDN 服务,致力于为 Bootstrap、jQuery、Angular、Vuejs 一样优秀的前端开源项目提供稳定、快速的免费 CDN 加速服务。BootCDN 所收录的开源项目主要同步于 cdnjs 仓库。
自2013年10月31日上线以来已经为50多万家网站提供了稳定、可靠的免费 CDN 加速服务。

官方简介

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

4.75CDN

75CDN 是一个由奇舞团维护的静态资源托管平台。令人意想不到的是奇舞团(奇虎75Team)是 奇虎360公司Web平台部前端工程师 + 部分特约嘉宾 组成的一个前端团队。所以75CDN也可以看做是360前端公共库的复活之作。库中内容同步CDNJS,内容较全,支持HTTPS与HTTP/2访问,也支持了ES Module 与SRI。同时支持Google字体库的镜像。

360 前端静态资源库是由奇舞团支持并维护的开源项目免费 CDN 服务,支持 HTTPS 和 HTTP/2,囊括上千个前端资源库和 Google 字体库。
本站静态资源库数据均同步于 cdnjs,如发现版本更新不及时或未收录,欢迎向 cdnjs 提交 PR。

官方简介

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

5.不推荐使用的公共库CDN

这些公共库CDN大多不再更新或内容较少,已不再推荐使用。

又拍云提供的常用JavaScript库CDN服务 http://jscdn.upai.com/
新浪云计算公共库CDN http://lib.sinaapp.com/
阳光网常用前端公共库CDN http://libs.sun0769.com/
阿里云公共库CDN http://a.tbcdn.cn/libs

微信企业提供的公共库CDN https://qydev.weixin.qq.com/cdn/cdnjs.html
*百度公共库CDN http://cdn.code.baidu.com/

*百度公共库CDN的文档与介绍页已经无法打开,大概是不会再继续维护的意思了。
虽然目前仍可以通过访问百度静态资源库的Github项目获取到路径并附加在https://libs.baidu.com/后面
例如Bootstrap 3.3.4的css文件路径在Github中是 /libs/bootstrap/3.3.4/css/bootstrap.css
那么其相应的CDN地址为 https://libs.baidu.com/bootstrap/3.3.4/css/bootstrap.css
尽管仍可以通过这种方式使用百度的公共库CDN,但由于官方维护的不积极性,我们不推荐使用这种方法、也不再推荐使用百度的公共库CDN。如果你的项目中调用了百度的公共库CDN,请及时更换。

6.目前已知失效的公共库CDN

以下这些是目前国内已知失效的公共库CDN,如果你的项目有引用过以下失效CDN,请及时更换

360网站卫士前端公共库CDN(请使用75CDN替代) http://libs.useso.com/
F2EX提供的前端公共库CDN https://lib.f2ex.cn/

海外CDN

1.jsDelivr

jsDelivr背后有4个CDN和2个DNS提供商,在全球有750+个节点,对中国访问有优化。内容库非常丰富,很多项目直接同步Github,并且其搜索部分采用了algolia,不愁找不到想要的开源库项目。但虽然是对中国访问有优化,但如果你的访客主要来自中国大陆,还是建议采用国内CDN。

jsDelivr is a public, open-source CDN (Content Delivery Network) developed by ProspectOne, focused on performance, reliability, and security. It is free to use for everyone, with no bandwidth limits.

About jsDelivr

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

2.CDNJS

姜还是老的辣,国内大多数公共库CDN都是同步这位老大哥的,当然了,也是一部分原因是因为jsDelivr不再公开自己的库了。CDNJS使用的是CloudFlare提供的CDN服务,因此如果你的访客主要面向海外,那么推荐你使用CDNJS,否则不推荐。因为CloudFlare在国内访问速度较慢。

Everyone loves the Google CDN right? Even Microsoft runs a public CDN.
The problem is, they only host the most popular libraries.
We host all the popular libraries – JavaScript, CSS, SWF, images, etc!

Supports http2.0/http/https/spdy, we encourage always using https!

Currently, CDNJS is one of the most famous free and public web front-end CDN services which is used by ~2,999,000 websites worldwide, see more detail on BuiltWith and W3Techs.

About CDNJS

库地址: https://cdnjs.com/

3.GoogleCDN

由Google提供的免费CDN服务,支持的开源项目较少,大概只支持19个开源库。且因为众所周知的原因,水土不服,如果你因使用了GoogleCDN水土不服而烦恼,建议考虑下国内CDN提供的NGINX反代。

The Google Hosted Libraries is a stable, reliable, high-speed, globally available content distribution network for the most popular, open-source JavaScript libraries.
Google works directly with the key stakeholders for each library effort and accepts the latest versions as they are released.

Introduction of GoogleCDN

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

4.Microsoft Ajax CDN

与Google类似,支持的开源项目较少,大概也只支持19个开源库。能访问,但大陆访问的速度始终有所欠缺。

The Microsoft Ajax Content Delivery Network (CDN) hosts popular third party JavaScript libraries such as jQuery and enables you to easily add them to your Web applications. For example, you can start using jQuery which is hosted on this CDN simply by adding a <script> tag to your page that points to ajax.aspnetcdn.com.
By taking advantage of the CDN, you can significantly improve the performance of your Ajax applications. The contents of the CDN are cached on servers located around the world. In addition, the CDN enables browsers to reuse cached third party JavaScript files for web sites that are located in different domains.
The CDN supports SSL (HTTPS) in case you need to serve a web page using the Secure Sockets Layer.

Overview of Microsoft Ajax CDN

文档地址: https://docs.microsoft.com/en-us/aspnet/ajax/cdn/overview

PS.中文语言就是机翻

总结

如果你的访客主要来自大陆,即不含港澳台等中国地区时,建议使用国内CDN

如果你的访客主要来自大陆以外,即除了港澳台等中国地区之外,还有其他国家或地区的访客,建议使用海外CDN

如果你的访客来自全球,建议使用CDNJS

如果你还有补充,或是对上述CDN的描述提出建议,欢迎在下方发送你的评论

You may also like...

发表评论

电子邮件地址不会被公开。 必填项已用*标注