几个jquery分发库速度测评

最新推荐文章于 2022-02-20 11:45:32 发布

weixin_33697898

最新推荐文章于 2022-02-20 11:45:32 发布

阅读量70

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/topdog/archive/2012/02/29/2373923.html

本文通过不同环境下的测试对比，分析了使用CDN分发jQuery库的速度差异，并推荐了适合国内外环境的最佳选择。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

http://code.jquery.com/jquery-1.6.min.js

http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js

http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.min.js

http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js

那么要选哪个好呢，标准很简单，哪个快哪个好。所以下面进行一个测试。

网络评论

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

测试环境

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

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

测试一

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

web-speed

结果如下：

	谷歌	新浪	微软	官网
电信	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

运行后的结果为：