使用Google的CDN JQuery库

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成功则会忽略下面哪行代码。

时间: 2024-10-13 10:47:54

使用Google的CDN JQuery库的相关文章

使用Google的CDN JQuery库(摘录)

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

jquery库google加载

加载js库的时候可以加载google CDN,可以同时加载多个jquery库<script src="http://www.google.com/jsapi"></script>google.load("jquery","1.4.2");google.setOnLoadCallback(function(){ $();//这里就可以加载jquery里面的东西了});

CDN 加载 jQuery 库的主要优势

使用 CDN 加载 jQuery 库的主要优势是什么 ? (答案) 这是一个稍微高级点儿的jQuery问题.好吧,除了报错节省服务器带宽以及更快的下载速度这许多的好处之外, 最重要的是,如果浏览器已经从同一个CDN下载类相同的 jQuery 版本, 那么它就不会再去下载它一次. 因此今时今日,许多公共的网站都将jQuery用于用户交互和动画, 如果浏览器已经有了下载好的jQuery库,网站就能有非常好的展示机会. 版权声明:本文为博主原创文章,未经博主允许不得转载.

很容易学习的JQuery库 : (一) 简介

jQuery 是一个 JavaScript 库: jQuery 极大地简化了 JavaScript 编程: jQuery 很容易学习. 上面的三句话是结合最近的学习整理后的心得,个人感觉可以很好地解释JQuery. 一.是什么      jQuery,顾名思义,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库. jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多). jQuery使用户能更

推荐国内外优秀+免费CDN加速站点及公共cdn加速库

-----------------------------------------------------------------免费CDN加速站点 1.CloudFlare CloudFlare可能是国内网友接触最比較早的免费CDN服务了,假设你的站点訪问用户是全世界的,那么 CloudFlare一定适合你,假设你的站点程序是Wordpress的,官方还专门为WP用户提供了一个官方插件(插件搜索CloudFlare),能够一次性设置完毕,而且能够在后台直接查看CDN流量, 使用CloudFla

国内网站常用的一些 CDN 公共库加速服务

CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用.与将JS库存放在服务器单机上相比,CDN公共库更加稳定.高速.一 般的CDN公共库都会包含全球所有最流行的开源JavaScript库,你可以在自己的网页上直接通过script标记引用这些资源.这样做不仅可以为您 节省流量,还能通过CDN加速,获得更快的访问速度. 为便于广大程序员的选择.使用,本文将网上的多篇文章合并为此文. 百度CDN公共库 百度公共CDN为站长的应用程序提供稳定.可靠.高速的服务,包含全球所有最流行的开

盘点国内网站常用的一些 CDN 公共库加速服务

CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用.与将JS库存放在服务器单机上相比,CDN公共库更加稳定.高速.一 般的CDN公共库都会包含全球所有最流行的开源JavaScript库,你可以在自己的网页上直接通过script标记引用这些资源.这样做不仅可以为您 节省流量,还能通过CDN加速,获得更快的访问速度. 目前国内的一些比较大的公共CDN服务: 百度CDN公共库 百度公共CDN为站长的应用程序提供稳定.可靠.高速的服务,包含全球所有最流行的开源JavaScript库

CDN公共库、前端开发常用插件一览表(VendorPluginLib)

=======================================================================================前端CDN公共库====================================================================================== 为什么使用前端CDN公共库: 使用前端CDN增加网页的并行载入速度,减少本地服务器的负担,节省流量.我们把静态资源放到自己的服务器上面固

前端CDN公共库整理

转自: 灰狼博客, 地址: http://itlobo.com/articles/2016.html 现在web应用都在使用js类库,这些类库小的几十K,大的几百K,而国内网络访问速度大家都知道不是那么惬意,所以给各位开发者推荐常用JS类库的CDN缓存,这样不管客户在哪里访问你的页面,调用公共类库的速度都会为你的页面节省很多时间. 下面是常用JavaScript公共库CDN服务商列表:Google的js类库CDN发布页http://code.google.com/intl/zh-CN/apis/