没想到啊

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

CDN的全称是Content Delivery Network,即内容分发网络。其目的是通过在现有的Internet中增加一层新的网络架构,将网站的内容发布到最接近用户的网络"边缘",使用户可 以就近取得所需的内容,解决Internet网络拥挤的状况,提高用户访问网站的响应速度。从技术上全面解决由于网络带宽小、用户访问量大、网点分布不均 等原因所造成的用户访问网站响应速度慢的问题。更多介绍看这里:http://code.google.com/p/mydocspace/wiki/CDN

我想大家对类似下面这段javascript并不陌生。

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>

上面这样就是通过谷歌的CDN-Content Delivery Network(内容分发网络)加载jquery库文件。

但是也有很多朋友是把jquery库文件存放到服务器上去加载,当然这种方法对于那些服务器稳定性很好的来说没什么。如果从细节上来说,还是建议加载google jquery。说到这里有的同学会问了为什么偏要加载google jquery库呢?下面我来和大家说说,使用谷歌加载jquery库文件的好处。

1、也许从Google加载jquery的速度不一定比你的站点快。但是访客在访问过其他加载google jquery库网站在来访问你的网站的时候浏览器会检测jquery库版本,同样版本的jquery库指向谷歌的链接,浏览器会判断这是同一个文件,而且谷歌的服务器会返回一个304(不需要修改文件的指令,即服务器上的文件未改动过)来回复一个重复的请求,而且会命令浏览器的缓存该文件长达一年的时间。这样浏览器的缓存中就存在同版本jQuery库也就无需加载了。

2、加载google jquery减少服务器请求。

3、就是使用国外空间的朋友们,就拿我这个来说吧,服务器很不稳定,有的时候其他内容都加载完毕了但是JS文件加载不出来(这里指的是加载服务器上面的JS文件)。

加载google jquery好处虽然多多,但是众所周知天朝对google上的东西很反感,google经常访问不了,如果我们加载了google jquery不就失败了吗?

下面我告诉大家一个根据条件加载google jquery方法。

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script>!window.jQuery && document.write('<script src="/js/jquery-1.3.2.min.js"></script>');</script>

将上面这段代码放在<head></head>,这段代码意义是这样的:首先去加载谷歌的jquery库文件,如果加载失败那么就加载自己服务器上的jquery库文件。如果加载google jquery成功则会忽略下面哪行代码。

我们来测试一下,为了使加载google失败,我就把下面图中的http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js改成了http://jqueryjs.googlecode.com/files/jquery-1.3.222.min.js(这是一个不存在的文件100%加载失败)。

下图为加载失败

jquery

下图为加载成功

jquery

posted on 2012-01-18 18:12  没想到啊  阅读(1666)  评论(0编辑  收藏  举报