首页 Web技术

国内前端(JS/CSS)公用库大全

发布时间:2015年05月23日 评论数：抢沙发 阅读数：5400

最近网站流量不太够搞的有点头疼，虚拟主机刚刚续费，换一个嘛，有点浪费。于是研究了下自己的流量走怎么流的，然后就发现个问题，每个月js的占的流量竟然超过15G！这算是我网站一般的流量了，仔细看了下自己站，确实有不少js，而且jq也放在自己的网站里头，还有一些公用的css库也放在自己的站上。要是这些公用的js和css直接调用外部的资源不少解决问题了吗。而其实很早就有前端公用库这种东西了，上面放有很多js和css还有一些字体文件，直接供人调用，速度又快，干嘛不用啊。下面盘点下国内目前由拿下前端公用库（又叫CDN公共库）。

---

CDN公共库是指将常用的JS库存放在CDN节点，以方便广大开发者直接调用。与将JS库存放在服务器单机上相比，CDN公共库更加稳定、高速。一般的CDN公共库都会包含全球所有最流行的开源JavaScript库，你可以在自己的网页上直接通过script标记引用这些资源。这样做不仅可以为您节省流量，还能通过CDN加速，获得更快的访问速度。

---

360网站卫士CDN前端公共库

托管在360众多的全国CDN节点上，覆盖电信、联通、移动等主流运营商线路，您可以在自己的网页上直接通过script标记引用这些资源，让网站访问速度瞬间提速！



只需替换一个域名就可以继续使用Google提供的前端公共库和免费字体库,让网站访问速度瞬间提速。

官网：http://libs.useso.com/

Ps：360的步伐现在是越来越快了。各种技术和提供的服务更新的速度是飞快的。360CDN服务也是最近才推出的（貌似主要还是Google被墙了的原因）。提供了大多数的前端js和css库，还在自己的服务器上面缓存了Google的前端公共库和免费字体库，这个算是其他国内的cdn公共库没有的。速度和稳定性也不错，当然相比较而且还是略逊于百度和新浪(亲测有些地方宽带线路会断线，可能也是很少部分吧)。毕竟提供服务还没多久。具体使用方法可查看WordPress利用360CDN公共库解决Google Open Sans字体无法加载。目前wingsBlog用的是360的cdn前端公用库。




百度静态资源公共库

百度公共CDN为站长的应用程序提供稳定、可靠、高速的服务，包含全球所有最流行的开源JavaScript库。



地址：http://cdn.code.baidu.com/

Ps：百度的速度目前来说应该是和新浪差不多的。不过jQuery的版本比SAE少几个，其他类库应该都差不多。




新浪云计算CDN公共库

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



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

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

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




又拍云常用JavaScript库CDN服务

又拍云存储是杭州纬聚网络有限公司旗下项目，成立于2005年6月，前期主要为又拍网、又拍图片管家提供图片云存储／云计算服务，于2010年2月对所有用户开放使用。



主要专注于海量小文件的存储与分发及图片云计算领域。提供的两大核心服务：静态文件云存储、CDN加速处理。

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

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

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

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



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

Ps：同时，开放静态文件CDN也提供开源库源接入的入口，让所有人都可以提交开源库，包括 JS、CSS、image 和 swf 等静态文件。
上面这几个，我个人测试结果:百度云应该是最快的， 又拍的服务太少，几乎不用考虑.阿里云据说也提供了公共CDN服务，但目前官网找不到具体服务页面，暂时不说了。