正在加载......很快加载完成,请稍等.....
前端公共库 — | 小小博客(小小说) | 诸葛小小的博客

存档

文章标签 ‘前端公共库’

靠谱的国内前端CDN公共库(替代GoogleAPIs的加速节点)

2014年6月16日 3 条评论

最近一段时间,由于政策原因造成Google被严重干扰。GoogleApis已经不能正常使用,部分网页中的ajax.googleapis.com和fonts.googleapis.com访问速度过慢,拖慢整个网页速度。

可以替代GoogleAPIs的方案:

1、使用官方的源。如Jquery官方CDN:http://code.jquery.com/

2、把涉及的JS/CSS放到自己服务器上。

3、改为国内CDN节点。

这也是本文的主要内容,下面介绍一些各大靠谱CDN公共库:

国外

微软(Microsoft ASP.net CDN):http://www.asp.net/ajaxlibrary/CDN.ashx   (支持https)

CDNJS.com提供的100多种JS库:http://cdnjs.com/  (支持https)

国内

又拍云:http://jscdn.upai.com/ (支持https) 

又拍云 CDNJSCN:http://www.cdnjs.cn/ (支持https)维护者(Sofish/hfcorriez/ikbear@qiniu)

中科大库:https://servers.ustclug.org/2014/07/ustc-blog-force-google-fonts-proxy/ [支持https,完全GoogleAPIs镜像] 维护者(LUG@ustc)

新浪云:http://lib.sinaapp.com/ (支持https,但库不全不新)

百度云:http://developer.baidu.com/wiki/index.php?title=docs/cplat/libs [不推荐,不支持https]

360卫士:http://libs.useso.com/  [不推荐,不支持https]

七牛CDN  StaticFile:http://www.staticfile.org/ [不推荐,不支持https] 维护者(Sofish/hfcorriez/ikbear@qiniu)

 

 ————————–以下内容可以不看———————————

什么是CDN公共库?

CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用。与将JS库存放在服务器单机上相比,CDN公共库更加稳定、高速。一般的CDN公共库都会包含全球所有最流行的开源JavaScript库。
 

为什么要引用CDN公共库?

1.减少等待时间

CDN-Content Delivery Network(内容分发网络),通过各种各样的服务途径把你的一些静态内容分散开来,当用户的浏览器提交这些文件的链接请求,他们便会自动下载网络上最近的可用的文件。这样任何使用你的服务的用户从JS库下载都将获得比从你自己的服务器上下载更快的速度。

2.增加网页的同时载入速度

为了避免服务的过载,浏览器限制了同时连接的数目,依据不同的浏览器,这个限制可能是每个机房仅仅两个之少。
使用CDN公共库加载JS,使你本地服务器上更多服务可以同时进行。

3.更好的缓存

使用CDN公共库的最大好处是你的用户可能根本不需要下载jQuery.不论你的缓存多么强大,如果你用自己的服务器提供jQuery,那么你的用户至少要下载一次它,某个用户很有可能在他们浏览器的缓存区里下载了许多完全相同的jQuery.min.js的拷贝版本,但是当他们第一次访问你的网站的时候,这些拷贝版本会被忽略。

而当浏览器检测到同样版本的指向CDN公共库的链接,它就会知道这是下载同一个文件,不仅是CDN公共库的服务器会返回一个304(不需要修改文件的指令,即服务器上的文件未改动过)来回复一个重复的请求,而且会命令浏览器的缓存该文件长达一年的时间。

这意味着即使一些人访问了数百的使用CDN公共库的网站,他们只需要下载一次就够了。