10个国内外jQuery的CDN性能大比拼
2017-10-21 14:42
225 查看
http://www.jq22.com/cdn/
jQuery是前端开发最常见也是最流行的javascript库,如何去加载它才能使我们的项目性能更好以及问什么要用CDN?当用户访问自己的站点时从服务器加载文件,每个服务器同时只能下载2-4个文件,这样就会降低文件的执行效率,如果多用几个服务器,这样同时加载文件的个数就是(2-4)*服务器个数,所以我们把jQuery放到CDN上就是为了提高网站加载文件的效率。下面就讲讲常用的jQuery的CDN
百度百科上是这样介绍的:
CDN的全称是Content Delivery Network,即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络,CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目的是使用户可就近取得所需内容,解决 Internet网络拥挤的状况,提高用户访问网站的响应速度。
优势:
不用担心自己网站访客,在任何时间,任何地点,任何网络运营商,都能快速打开网站。
各种服务器虚拟主机带宽等采购成本,包括后期运维成本都会大大减少。
给网站直接带来的好处就是:流量,咨询量,客户量,成单量,都会得到大幅度提升。
Google Hosted Libraries
src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"
Microsoft CDN
src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.0.min.js"
CDNJS
src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"
jQuery官网
src="http://code.jquery.com/jquery-1.11.0.min.js"
jsDeliver
src="http://cdn.jsdelivr.net/jquery/2.0.0/jquery-2.0.0.min.js"
从图中可以看出国外的CDN最快的是CDNjs
百度
src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"
七牛
src="http://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"
新浪
src="http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js"
又拍云
src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.0.min.js"
360
src="http://libs.useso.com/js/jquery/2.0.0/jquery.min.js"
从图中可以看出国内最快的是七牛
除国外的谷歌和CDNJS的服务外,国内的库均不支持HTTPS环境,可惜的是国内用户加载起来比较慢,如果把自己网站架设在国外可以优先考虑使用。如果CDN加载失败时,我们需要加载自己本地的jQuery文件,只需要在头部加上下面的代码就可以
上面的速度测试是在本地的,与网路和带宽等有很大的关系,最好在自己的环境下重新测试这几个CDN,如果你还有其他CDN可以@me,希望此文能够帮助你。
百度开放平台 cdn
http://cdn.code.baidu.com/
新浪 cdn
http://lib.sinaapp.com/
360 cdn
http://libs.useso.com/
又拍云
http://jscdn.upai.com/
七牛云
http://jscdn.upai.com/
cdnjs
http://www.cdnjs.cn/
微软 cdn
http://www.asp.net/ajax/cdn
jQuery是前端开发最常见也是最流行的javascript库,如何去加载它才能使我们的项目性能更好以及问什么要用CDN?当用户访问自己的站点时从服务器加载文件,每个服务器同时只能下载2-4个文件,这样就会降低文件的执行效率,如果多用几个服务器,这样同时加载文件的个数就是(2-4)*服务器个数,所以我们把jQuery放到CDN上就是为了提高网站加载文件的效率。下面就讲讲常用的jQuery的CDN
CDN介绍:
百度百科上是这样介绍的:CDN的全称是Content Delivery Network,即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络,CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目的是使用户可就近取得所需内容,解决 Internet网络拥挤的状况,提高用户访问网站的响应速度。
优势:
不用担心自己网站访客,在任何时间,任何地点,任何网络运营商,都能快速打开网站。
各种服务器虚拟主机带宽等采购成本,包括后期运维成本都会大大减少。
给网站直接带来的好处就是:流量,咨询量,客户量,成单量,都会得到大幅度提升。
国外的CDN:
Google Hosted Librariessrc="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"
Microsoft CDN
src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.0.min.js"
CDNJS
src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"
jQuery官网
src="http://code.jquery.com/jquery-1.11.0.min.js"
jsDeliver
src="http://cdn.jsdelivr.net/jquery/2.0.0/jquery-2.0.0.min.js"
从图中可以看出国外的CDN最快的是CDNjs
国内的CDN:
百度src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"
七牛
src="http://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"
新浪
src="http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js"
又拍云
src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.0.min.js"
360
src="http://libs.useso.com/js/jquery/2.0.0/jquery.min.js"
从图中可以看出国内最快的是七牛
总结:
除国外的谷歌和CDNJS的服务外,国内的库均不支持HTTPS环境,可惜的是国内用户加载起来比较慢,如果把自己网站架设在国外可以优先考虑使用。如果CDN加载失败时,我们需要加载自己本地的jQuery文件,只需要在头部加上下面的代码就可以1 <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 2 <script>window.jQuery || document.write('<script src="js/jquery-1.11.1.min.js" type="text/javascript"><\/script>')</script>
上面的速度测试是在本地的,与网路和带宽等有很大的关系,最好在自己的环境下重新测试这几个CDN,如果你还有其他CDN可以@me,希望此文能够帮助你。
国内cdn常用js公共库地址
百度开放平台 cdnhttp://cdn.code.baidu.com/
新浪 cdn
http://lib.sinaapp.com/
360 cdn
http://libs.useso.com/
又拍云
http://jscdn.upai.com/
七牛云
http://jscdn.upai.com/
cdnjs
http://www.cdnjs.cn/
微软 cdn
http://www.asp.net/ajax/cdn
相关文章推荐
- 10个国内外jQuery的CDN性能大比拼
- 10个国内外jQuery的CDN性能大比拼
- 10个简单有效的方法帮你改善jQuery代码与性能
- 10个有效提升jQuery性能的小技巧
- jQuery各种show/hide方式的性能测试 .
- jquery 插件 性能优化 相关网址
- 提高Jquery性能的tips
- jquery性能优化
- jQuery性能优化指南
- JQuery常用功能的性能优化
- jQuery-1.8.3文件和CDN加速地址
- 10个精选的颜色选择器Javascript脚本及其jQuery插件
- 10个免费在线测试网页性能工具
- jQuery 性能优化指南 (1)
- 推荐国内外优秀+免费CDN加速站点及公共cdn加速库
- 极速Node.js:来自LinkedIn的10个性能提升秘籍
- 分享10个2012年最新发布的jQuery插件
- 国内的Jquery CDN免费服务
- jQuery 提升性能
- 提高jQuery性能的十个诀窍