使用CDN加载Jquery等JS库
2014-01-09 09:18
441 查看
在网页中我们经常使用jQuery库,选择使用的jQuery加载源,能有效加快网站的加载速度,目前推荐使用新浪、Google或Microsoft提供的CDN jQuery源,当然,他们还都提供了其他js库。
作为国内的网站来说当然首推新浪的公共资源服务(Public Resources),速度上更有优势。而且新浪提供了不少JS资源,具体可以去http://lib.sinaapp.com查看。
Google Ajax API CDN地址是:
https://developers.google.com/speed/libraries/devguide?hl=zh-CN
调用Jquery
http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js
Microsoft CDN地址是
http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.min.js
这里从网上摘抄一段关于使用CDN调用js库的好处
1.减少等待时间
CDN-Content Delivery Network(内容发布网络)的缩写,通过各种各样的服务途径把你的一些静态内容分散开来,当用户的浏览器提交这些文件的链接请求,他们便会自动下载网络上最近的可用的文件。因为这个原因:任何使用你服务的用户从谷歌下载JQuery库都将获得比从你自己的服务器上下载更快的速度。其实有很多的CDN服务可与谷歌的相比拟,但是他们很难超越谷歌的免费服务的优势,这个益处足以决定问题,但这仅仅是一部分。
2.增加网页的同时载入速度
为了避免服务的过载,浏览器限制了同时连接的数目,依据不同的浏览器,这个限制可能是每个机房仅仅两个之少。
使用谷歌的AJAX内容服务网络来响应你的网站,使你本地服务器上更多服务可以同时进行,这和用户同时用6个浏览器浏览的效果没多大诧异,但是(那些不这么做的人)任然是运行一个浏览器,仅仅允许同时链接两个(链接数目到你的服务器上),这里的区别显而易见。
3.更好的缓存
利用google的AJAX_lib内容发布服务的最大好处是你的用户根本不需要下载jQuery.不论你的缓存多么强大,如果你用自己的服务器提供jQuery,那么你的用户至少要下载一次它,某个用户很有可能在他们浏览器的缓存区里下载了许多完全相同的jQuery.min.js的拷贝版本,但是当他们第一次访问你的网站的时候,这些拷贝版本会被忽略。
另一方面,当浏览器检测到同样版本的指向谷歌的链接,它就会知道这是下载同一个文件,不仅是谷歌的服务器会返回一个304(不需要修改文件的指令,即服务器上的文件未改动过)来回复一个重复的请求,而且会命令浏览器的缓存该文件长达一年的时间。
这意味着即使一些人访问了数百的使用谷歌服务的jQuery网站,他们只需要下载一次就够了。
作为国内的网站来说当然首推新浪的公共资源服务(Public Resources),速度上更有优势。而且新浪提供了不少JS资源,具体可以去http://lib.sinaapp.com查看。
Google Ajax API CDN地址是:
https://developers.google.com/speed/libraries/devguide?hl=zh-CN
调用Jquery
http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js
Microsoft CDN地址是
http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.min.js
这里从网上摘抄一段关于使用CDN调用js库的好处
1.减少等待时间
CDN-Content Delivery Network(内容发布网络)的缩写,通过各种各样的服务途径把你的一些静态内容分散开来,当用户的浏览器提交这些文件的链接请求,他们便会自动下载网络上最近的可用的文件。因为这个原因:任何使用你服务的用户从谷歌下载JQuery库都将获得比从你自己的服务器上下载更快的速度。其实有很多的CDN服务可与谷歌的相比拟,但是他们很难超越谷歌的免费服务的优势,这个益处足以决定问题,但这仅仅是一部分。
2.增加网页的同时载入速度
为了避免服务的过载,浏览器限制了同时连接的数目,依据不同的浏览器,这个限制可能是每个机房仅仅两个之少。
使用谷歌的AJAX内容服务网络来响应你的网站,使你本地服务器上更多服务可以同时进行,这和用户同时用6个浏览器浏览的效果没多大诧异,但是(那些不这么做的人)任然是运行一个浏览器,仅仅允许同时链接两个(链接数目到你的服务器上),这里的区别显而易见。
3.更好的缓存
利用google的AJAX_lib内容发布服务的最大好处是你的用户根本不需要下载jQuery.不论你的缓存多么强大,如果你用自己的服务器提供jQuery,那么你的用户至少要下载一次它,某个用户很有可能在他们浏览器的缓存区里下载了许多完全相同的jQuery.min.js的拷贝版本,但是当他们第一次访问你的网站的时候,这些拷贝版本会被忽略。
另一方面,当浏览器检测到同样版本的指向谷歌的链接,它就会知道这是下载同一个文件,不仅是谷歌的服务器会返回一个304(不需要修改文件的指令,即服务器上的文件未改动过)来回复一个重复的请求,而且会命令浏览器的缓存该文件长达一年的时间。
这意味着即使一些人访问了数百的使用谷歌服务的jQuery网站,他们只需要下载一次就够了。
相关文章推荐
- jquery tools overlay 使用方法
- 浅析jQuery(function(){})与(function(){})(jQuery)之间的区别
- jquery和javascript中将一元素的内容赋给另一元素
- jquery 输入框动态增减的代码
- jquery中美元符号命名冲突的解决办法
- jquery中美元符号命名冲突问题解决
- 在CodedUI中使用JQuery选择器
- 利用JQuery的$.ajax()调用asp.net的后台方法
- 浅析jQuery(function(){})与(function(){})(jQuery)之间的区别
- js与jquery获取父元素,删除子元素的两种不同方法
- js与jquery获取父级元素,子级元素,兄弟元素的实现方法
- js/jquery解析json和数组格式的方法详解
- jquery实现鼠标拖动图片效果示例代码
- jQuery动态添加、删除元素的方法
- jquery自定义函数的多种方法
- jQuery如何实现点击页面获得当前点击元素的id或其他信息
- JQuery实现鼠标移动到图片上显示边框效果
- jquery和javascript中如何将一元素的内容赋给另一元素
- jquery json用法
- jquery正则判断只能输入数字小数点