WPO技巧: 加载Google提供的JQuery插件

 

 

现在做网站，jquery必不可少。

通常我们访问jquery网站寻找最新版本下载，

比如最新1.71版本下载位置：http://code.jquery.com/jquery-1.7.1.min.js

部分人需要老版本（实际上很多基于jquery的插件，和新版本不兼容，我们经常要用老版本），老版本下载地址

http://docs.jquery.com/Downloading_jQuery#Download_jQuery

 

我们访问兰亭集势 lightinthebox.com 的时候，会发现兰亭使用google code的jquery下载 (下图是源代码)

 

上图的黄色底色部分。这么做有很多好处，只有一个坏处：

1. 优点1：google提供了jquery各个版本的代码，可以很方便找到自己要的版本，只要修改版本号即可

2. 优点2：google的云服务器遍布全球，访问速度无疑是最快的。笔者的案例也证明了这一点：

上面的案例，原来jquery是从网站本地服务器调用的，耗时346ms

从google code调用之后，耗时仅为48ms

3. 优点3：使用google的主机名，提高并行加载的机会。

4. 缺点：如果你的网站面向国内用户，也许googleapis.com 会被wall掉，也许googleapis的下载速度会变成蜗牛速度，要斟酌。

 

另外提一下，兰亭集势可能也考虑到google服务宕掉的可能（虽然这种可能大多数在天朝发生），所以在后面特地添加了一句下载不成功从本地调用的语句。

最后发一个资源，google除了jquery之外，还有很多类似资源可以下载，见：

http://code.google.com/intl/zh-CN/apis/libraries/devguide.html ，包括：

Chrome Frame
Dojo
Ext Core
jQuery
jQuery UI
MooTools
Prototype
script_aculo_us
SWFObject
WebFont Loader

http://code.google.com/intl/zh-CN/apis/loader/

提供更多关于google load的信息

 

作者: 谭砚耘@WPO及网站可用性-科研笔记

版权属于: 谭砚耘

版权所有。转载时必须以链接形式注明作者和原始出处

如果你希望与作者交流，请发送邮件到 tanyanyun/at/163.com 别忘了修改小老鼠