使用Google CDN的JSAPI服务来提供加载各类JS库的方法

例如jQuery、Prototype库等
2012-02-17 09:17:56 | 56次阅读 | 评论：0 条 | itokit

jQuery，让我们控制页面元素更加方便快捷，让我们在编写js的时候不需要过多地考虑浏览器特性问题了。但是jQuery功能越强大，它本身的文件也越大。在做网站优化的时候,通常会通过优化js、css和图片文件能挤出来的几百k尺寸的下载量.
jQuery，让我们控制页面元素更加方便快捷，让我们在编写js的时候不需要过多地考虑浏览器特性问题了。但是jQuery功能越强大，它本身的文件也越大。在做网站优化的时候,通常会通过优化js、css和图片文件能挤出来的几百k尺寸的下载量.

Google挺够意思，就提供了jQuery库，通过使用Google提供的jQuery库，Google的服务器和线路品质那自然是不在话下的。即提高了下载速度又减少了自己服务器的并发连接数。

用起来也很简单，直接在网页里引用Google服务器上的相关js文件就可以了。不过，如果引用多个js，就要插入多段的script。Google也提供了相应的办法，那就是google load。我们只需要在页面里引用一个js文件，就可以根据需要实时加载用到的js库了。

首先在页头部分加入以下这行代码：
< script type="text/javascript" src="http://www.google.com/jsapi"></script>

加载jQuery，可以这样使用：
google.load("jquery","1.3.2");

这样我们就从Google的最近的CDN镜像上加载了jQuery 1.3.2版的js库，接下来就可以正常写js代码了。不过，即使是Google的CDN镜像，下载也毕竟是需要时间的，万一代码库还没有下载完而浏览器已经解释到了下面的代码了怎么办？我们可以设定在js库加载完以后才开始执行js：
google.setOnLoadCallback(function(){//要执行的代码});
更多有关google jsapi的相关介绍和文档，可以参考：google AJAX 库 API

除了jQuery,Google还提供供了以下这些js框架/库的API：
jQuery UI
Prototype
script.aculo.us
MooTools

除了上面提到的JSAPI加载外，你还可以通过以下方式加载来减少本站加载JS的连接数问题。

JavaScript Code复制内容到剪贴板<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/

转载于:https://www.cnblogs.com/yexinw/archive/2012/03/08/2385505.html

使用Google CDN的JSAPI服务来提供加载各类JS库的方法相关推荐

星图地球数据云，便捷加载各类在线地图服务的又一神器
星图地球目前发布了一系列的产品,对我来说比较感兴趣的是星图地球数据云(GEOVIS Earth Datacloud)这款地球大数据产品.今天,我就带大家以来深入在线体验一下这款产品. 01 在线体验 ...
Redis的持久化开启了RDB和AOF下重启服务是如何加载的？(10个人9个回答错误)
互联网面试题更新了!随便呈上几道,看看大家能否答出来: redis为什么是key,value的,为什么不是支持SQL的? redis是多线程还是单线程?(回答单线程的请回吧,为什么请回,请往下看) r ...
如何采用离线的 Google Map API 加载离线谷歌地图的方法
原文转自:http://www.arceyes.com/bbs/thread-18476-1-1.html 如何采用离线的 Google Map API 加载离线谷歌地图的方法一.下载示例数据这里 ...
本地cdn缓存：解决Mathjax不稳定加载不出来公式
本地cdn缓存:解决Mathjax不稳定加载不出来公式如果网站用mathjax来显示公式,例如:这个Confluence,那么我们会发现,有的时候,公式加载慢半拍或者干脆加载不出来.这是因为:每次使 ...
电脑显示服务器未能登陆无法加载用户配置,win7系统提示User Profile Service服务未能登录，无法加载用户配置文件的解决方法...
很多小伙伴都遇到过win7系统提示User Profile Service服务未能登录,无法加载用户配置文件的困惑吧,一些朋友看过网上零散的win7系统提示User Profile Service服务 ...
详细教你如何部署ICE服务(二)---IceBox加载启动Ice服务
在上一篇文章中,我使用了自己实现的一个简单容器简单粗暴的启动一个ICE服务,正如上篇文章所总结的那样,这种部署服务的方式存在诸多缺点. 这里我们给出使用IceBox这个框架来开发和部署我们的Ice服务 ...
利用Medium的CDN来改善Feed的页面加载时间
前阵子 ,我决定,我想从我的中型出版的文章的很好的视觉房源出现在我的网站的底部. 方便地,我需要完成的大多数信息都存在于出版物的feed中. 对于许多中型出版物,可以按以下方式查找供稿: https: ...
arcgis api for javascript4.18加载天地图服务，并且加载自己的发布的动态地图服务
以arcgis api for javascript4.18 API为例: 遇到几个问题: 1.用户,特别是小白用户,不知道用什么API类来调用各种地图服务. 解决办法: 方法一:正向思考方法参考官 ...
cesium加载各类地图服务
目录一.图层顺序二. wms 2.1 加载wms,以及数据筛选 2.2移除wms 三.GeoJson 3.1 加载Geojson 3.2 移除Geojson 四.kml 五.3DTiles 5.1 ...

使用Google CDN的JSAPI服务来提供加载各类JS库的方法

使用Google CDN的JSAPI服务来提供加载各类JS库的方法相关推荐

最新文章

热门文章