小左闲谈

关于引用jquery库文件的加载地址优化

当前位置:首页 » 学习, 网络 » 本页
In 学习, 网络  @2013-01-31

  越来越多的网站设计者已经离不开强大的jquery库,这里就要涉及到一个jquery库加载的问题,很多人倾向于下载jquery库上传到自己的服务器,网站中直接调用就好了。

  但在这里,小左推荐大家使用开放外链的JS库;

jquery库加载地址优化

jquery库加载地址优化

如谷歌的jquery库:

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

微软的jquery库:

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

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

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

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

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

1.减少等待时间:

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

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

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

3.更好的缓存:

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

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

若无特殊声明,表示本文由:小左闲谈.原创
链接地址: http://blog.m1910.com/archives/585.html
版权所有 © 转载时请以链接形式注明作者和原始出处!
标签: , , ,   评论: 5枚  被围观 6,760 次

发表一下你的看法

5 评论 在 "关于引用jquery库文件的加载地址优化"

avatar
排序:   最新 | 最旧
独行侠

学习了CDN的用处了,谢谢 😛

渣浆泵

越来越多的网站设计者已经离不开强大的jquery库,

我的名字叫麒

看不懂是看不懂,但我知道,javascript是要逆天了!

垃圾站

看不懂就不看了,留言为证!

Win8迷

代码不错,收藏了 😀

wpDiscuz