189 8069 5689

几个jquery分发库速度测评

jquery 是前端设计中很常用到的一个js库,很多页面都要引用它,那么如何快速的加载这是一个前端优化的问题。

十多年的金湾网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都营销网站建设的优势是能够根据用户设备显示端的尺寸不同,自动调整金湾建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联从事“金湾网站设计”,“金湾网站推广”以来,每个客户项目都认真落实执行。

以jquery1.6为例,min版大概90kb左右,不算大,不过就我之前的对一部分博客进行分析的结果,大部分的页面体积都在50kb以内,那么相比较而言,这个jquery的90kb就不能算小了。如果你的网站速度不错,基本能达到普通用户(这里假设大部分是2M宽带用户)的下载速率200kb左右,那么一切没有问题。但是如果你的网站部署在性能一般的虚拟主机上(这样的虚拟主机很多都限制网速),或者部署在外国服务器上,那么你就必须介意网速了。

如何快速加载jquery等常用库呢?使用cdn分发是一个办法。我从网上搜索了一番,发现比较常用且免费的cdn分发js库有4家人,谷歌、新浪、微软、及官方。以jquery1.6为例,他们的网址分别为:

网络评论

在网上查询了一番,大部分人都对google的服务存在一定担忧,担心不知道哪天就访问不了了,同时对所有国外产品都存在一样的忧虑。于是大家都比较推荐国内的新浪云(lib.sinaapp.com)提供的分发资源。其实我也是这么认为的。不过具体还是得实测一番。

测试环境

我使用了4个方法进行测试。

利用百度统计的一个功能“网站速度诊断”。 利用单位的10M宽带,本机测试。 利用电信的2M宽带,本机测试。 利用Amazon ec2 东京节点,也就是本博客服务器进行测试。

测试一

使用百度统计的“网站速度诊断”功能。登录百度统计后台,进入该功能页面,分别输入4个网址,记录得分。

结果如下:

谷歌 新浪 微软 官网 电信 0.30 0.31 1.25 0.92 网通 0.22 0.32 0.41 2.40

似乎新浪和谷歌速度都不错。

测试二:

10M移动宽带,本机测试。

我使用python写了一段非常简单的下载功能,用来测试。代码如下:

import urllib2 import time urls=[{\'name\':"jq",\'url\':"http://code.jquery.com/jquery-1.6.min.js"}, {\'name\':"sina",\'url\':"http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js"}, {\'name\':"ms",\'url\':"http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.min.js"}, {\'name\':"google",\'url\':"http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"}] for url in urls: totalTime=0 for i in range(5): start=time.time() urllib2.urlopen(url[\'url\']) end=time.time() totalTime+=(end-start) print url[\'name\'],totalTime/5

运行后的结果为:

jq 4.34320001602
sina 1.08899998665
ms 2.61820001602
google 0.640999984741

谷歌速度第一,新浪第二。

测试三:

东京Amazon ec2 服务器。同样运行上面的python脚本。

运行后结果为:

jq 0.662930107117
sina 0.820287418365
ms 0.174965858459
google 0.18151807785

微软第一,google第二,官网也有不俗表现,国内的新浪悲剧了。

测试四:

2M电信宽带,本机测试。同样执行上面的python语句。

运行后结果为:

jq 0.461800003052
sina 1.87899999619
ms 2.12319998741
google 0.244599962234

谷歌第一,新浪跌至第三。

总结

在排除第三个测试,即只考虑国内环境情况下。谷歌依然是最快的,但是基于保稳定,新浪也是很好的选择。

而国外,大公司是不二选择,微软、谷歌都是优秀的。


标题名称:几个jquery分发库速度测评
本文来源:http://jkwzsj.com/article/cpiogg.html

其他资讯