调用google cdn的jquery.js 加快网站访问速度
2011-11-19 14:30
441 查看
jquery现在是越来越大,网络加载速度上我们应该做到能省就省,毫无疑问google的服务器和cdn以及访问速度是非常快的,而且google敞开怀抱,提供各种代码库给我们下载调用。jquery就是其中一个。
在jquery官网有从google 微软microsoft 以及jquery官方等cdn调用jquery的方法。
做个总和测试,谁快我就用谁的,但是肯定都比从你自己网站上调用的快。
下面是从谷歌,微软和jquery官方调用jquery.js的速度对比:
google加载最快。 虽然有2.19s,但元快于从我们自己网站上加载的速度(3.83s)。
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" language="javascript">
google.load("jquery", "1.5");
//google.load("jqueryui", "1.5.2"); // 不用 jQuery UI 可以不用此行
</script>
当然代码放在别处自然不放心,文件到底有没有加载成功十个问题,特别是google是不是被墙等问题。
所以安全的写法是:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>!window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');</script>
在jquery官网有从google 微软microsoft 以及jquery官方等cdn调用jquery的方法。
做个总和测试,谁快我就用谁的,但是肯定都比从你自己网站上调用的快。
下面是从谷歌,微软和jquery官方调用jquery.js的速度对比:
google加载最快。 虽然有2.19s,但元快于从我们自己网站上加载的速度(3.83s)。
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" language="javascript">
google.load("jquery", "1.5");
//google.load("jqueryui", "1.5.2"); // 不用 jQuery UI 可以不用此行
</script>
当然代码放在别处自然不放心,文件到底有没有加载成功十个问题,特别是google是不是被墙等问题。
所以安全的写法是:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>!window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');</script>
相关文章推荐
- 加快网站访问速度--jquery.js
- 调用google cdn的jquery.js
- 使用Nginx反向代理和proxy_cache缓存搭建CDN服务器加快Web访问速度
- 加快网站访问速度——Yslow极限优化
- 网站访问速度慢之CDN加速
- 更新引用google的cdn外部jQuery核心库JS文件
- 利用Squid反向代理搭建CDN缓存服务器加快Web访问速度
- 加快网站访问速度
- 利用Squid反向代理搭建CDN缓存服务器加快Web访问速度
- 为网站减负,加快访问速度
- Apache 使用gzip、deflate 压缩页面加快网站访问速度
- 加快网站访问速度的9大方法
- 加快网站访问速度
- Google为什么将网站访问速度作为排名的重要因素?
- 网站访问速度优化之二 - JS和CSS优化
- 动态加载JS文件提升访问网站速度
- 最近访问Google很慢,改hosts加快Google速度,支持https连接
- 加快网站访问速度的9大方法
- 使用PHP和GZip压缩网站JS/CSS文件加速网站访问速度
- 解决openstack 的 dashboard 使用了google 字体, 导致网站访问速度慢