引用网络jquery(jquery远程引用地址)方式及优点

转自:http://blog.csdn.net/leedaning/article/details/46834007
jQuery 引用地址{包括jquery和google提供的地址}, 节省你不必要的流量
你可以使用这句代码读取jQuery的最新版本的代码文件。

jquery官方的引用地址:

示例:

<script src="http://code.jquery.com/jquery-latest.js"></script>

有效地址:

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

其中:1.9.1是版本信息,latest: 表示最新。

Google引用地址:

可以使用下面这个代码从ajax.googleapis.com调用同样的最新版本jQuery:

示例:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"type="text/javascript"></script>

有效地址:

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

其中:1.9.2是版本信息

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>

如果不放心,担心谷歌和微软强大的CDN有时候会连接不上?那就用这段代码:

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
<script>
// Fallback to loading jQuery from a local path if the CDN is unavailable
(window.jQuery || document.write('<script src="/scripts/jquery-1.9.0.min.js"><\/script>'));
</script>

它的意义在于,先尝试加载上面的jquery库,如果加载失败,再去加载本地服务器上的jquery库。当然这里面的本地jquery库地址需要根据你服务器的目录自己修改一下。

那么为什么我推荐大家直接引用谷歌或者微软的jquery库呢,在大陆这种网络环境下,真的有优势吗?

1.减少等待时间:

他们的jquery库加载形式,并不是简单的放在服务器上给千百万上亿的网页去下载到浏览器使用,而是通过各种各样的服务途径把你的一些静态内容分散开来,当用户的浏览器提交这些文件的链接请求,他们便会自动下载网络上最近的可用的文件。也就是大神们经常说到的CDN-Content Delivery Network(内容分发网络)。因为这个原因:任何使用你的服务的用户从谷歌(微软)下载JQuery库都将获得比从你自己的服务器上下载更快的速度。

2.增加网页的同时载入速度,减少本地服务器的负担:

为了避免服务的过载,浏览器限制了同时连接的数目,依据不同的浏览器,这个限制可能是每个机房仅仅两个之少,使用谷歌(微软)的AJAX内容服务网络来响应你的网站,使你本地服务器上更多服务可以同时进行。

3.更好的缓存:

利用谷歌或者微软的jquery库最大好处是你的用户根本不需要下载jQuery.不论你的缓存多么强大,如果你用自己的服务器提供jQuery,那么你的用户至少要下载一次它,某个用户很有可能在他们浏览器的缓存区里下载了许多完全相同的jQuery.min.js的拷贝版本,但是当他们第一次访问你的网站的时候,这些拷贝版本会被忽略。

另一方面,当浏览器检测到同样版本的指向谷歌的链接,它就会知道这是下载同一个文件,不仅是谷歌的服务器会返回一个304(不需要修改文件的指令,即服务器上的文件未改动过)来回复一个重复的请求,而且会命令浏览器的缓存该文件长达一年的时间。这意味着即使一些人访问了数百的使用谷歌服务的jQuery网站,他们只需要下载一次就够了。