AJax技术

AJAX技术如何节省应用的带宽:多次交互,每次少量更新 (车东[Blo

字号+ 作者:H5之家 来源:H5之家 2015-10-06 17:29 我要评论( )

AJAX技术如何节省应用的带宽:多次交互,每次少量更新 Using AJAX to Improve the Bandwidth Performance of Web Applications这篇文章十分量化的说明了AJAX技术如何节省应用的带宽。我将文章中的2次测试的效果截图用画图组合对比了一下:这样看效果更明显一

AJAX技术如何节省应用的带宽:多次交互,每次少量更新

Using AJAX to Improve the Bandwidth Performance of Web Applications这篇文章十分量化的说明了AJAX技术如何节省应用的带宽。我将文章中的2次测试的效果截图用画图组合对比了一下:这样看效果更明显一些

ajax_bandwidth.gif

这里有几个基本的结果:
1 包含ajax的应用首次下载要比一般页面刷新方式的应用大:Usage Analyser的ajax版大小12387,原大小9741字节
2 AJAX应用在后面的交互中:只刷新部分需要更新数据 2-3k 而传统的整页刷新模式需要整页重载: 10k左右
3 交互次数越多,AJAX应用的带宽节省效果越明显;
4 整页刷新模式虽然需要重新载入图片等:但由于通知了客户端使用本地缓存的图片和JS等:因此没有重新产生流量,

在此次条件的试验过程中:ajax技术总计节省了超过61%。远远超过预期的50% 而且随着交互次数增加,节省率还会更高。

AJAX技术比刷页方式节省带宽的比例换算公式:
( 交互次数(刷页交互流量 - AJAX交互量) - (AJAX版首次加增加量) ) / (刷页*交互次数 + 首次加载页面大小)

作者:车东 发表于:2006-01-25 22:01 最后更新于:2007-04-15 19:04
版权声明:可以任意转载,转载时请务必以超链接形式标明文章原始出处和作者信息及本版权声明。

« FeedBurner的更新频度: 30分钟同步一次 | (回到Blog入口)|(回到首页) | poEdit: Windows下的.po文件编辑器 » [再编辑]

引用通告

以下是前来引用的链接: AJAX技术如何节省应用的带宽:多次交互,每次少量更新:

» Ajax——JS与XML的精彩组合 来自 EndTech @ micy.cn
  前几天从熊那里弄到了著名Manning in Action系列里的Ajax in Action 于是顺便读了读. 由于事情比较多 加上阅读速度的限制 这几天才还看了一小半. 发现读一本新初不久的书(2005.10发行)是很爽的... [阅读更多细节]

引用时间:

» 春节技术关注:Atlas CTP版本推出 来自 曾登高
Atlas一月份CTP版推出,主要作者Nikhil Kothari对该版本的功能做了总结:--对异时PostBack时的重新定向和错误报告的支持--新的控件atlas:UpdateProgress对进程指示的支持--Atlas控件对真实PostBack的支持--U... [阅读更多细节]

引用时间:

Comments

用数字说话,有说服力!
这个公式也很实用。

由: herock 发表于

是不是MT的Blog字体都是这么淡,不好辨识

由: yee 发表于

酱油小子引用了这篇文章

Trackback:

由: POO 发表于

国内好像还没有很好的AJAX应用平台

由: CetaMac 发表于

我到现在还没搞懂和传统的JS+XML有什么区别?

由: conku 发表于

我也没搞懂所谓的Ajax与js+xml有什么区别。我觉Ajax得很垃圾,响应速度很慢。好像live.com就是这种技术吧。

由: 搜斧 发表于

这同时也说明了如果不是需要多次访问的页面,比如新浪热门新闻评论这种的,用ajax反而会增加带宽

另外ajax的js设计不当容易使得客户端负担过重,我经常碰到在这些页面出现100%cpu占用的情况。

由: 有些问题 发表于

呵呵~,我现在做的一个项目用到了Ajax,的确有这个问题~
而且占内存~,虽然可以用

但cpu占用很高,特别是在点击操作时,一下到100%,但下将的还行
这段时间,要把页面灰掉~,不让用户操作~,不太友好
不晓得咋整~~~

由: changsong 发表于

降低带宽同时也加重了服务器的负载。。双刃剑。
应该把提升用户体验为使用AJAX的目标。

由: skyblue 发表于

AJAX 对 ActiveX 的使用,是最大的弱点,
Web 上的 ActiveX 和 VBS 容易带来安全隐患,可能会逐步消亡

由: goseaside 发表于

搜索

相关文章

AJAX = Asynchronous + JAvascript + Xml via http - 2005/06/16
我的即时贴吧 - 2004/10/15

关于

此页面包含了发表于2006年01月25日 晚上10时14分的 Blog 上的单篇日记。

此 Blog 的前一篇日记是 FeedBurner的更新频度: 30分钟同步一次。

此 Blog 的后一篇日记是 poEdit: Windows下的.po文件编辑器。

更多信息可在 主索引 页和 归档 页看到。

订阅 RSS feed
[这是什么?] 本站RSS feed
订阅到 Google Reader
订阅到 抓虾 阅读器
订阅到 鲜果 阅读器


此 Blog 中的日记遵循以下授权 Creative Commons(创作共用)授权.

Powered by
Movable Type 3.36

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JQuery实现Ajax加载图片的方法

    JQuery实现Ajax加载图片的方法

    2016-02-24 17:01

  • 判断用户是不是为ajax请求

    判断用户是不是为ajax请求

    2016-02-24 17:00

  • Ajax与WEB开发 by alixixi.com

    Ajax与WEB开发 by alixixi.com

    2016-02-11 11:02

  • jQuery.ajax()的相关参数及使用

    jQuery.ajax()的相关参数及使用

    2016-02-08 16:00

网友点评
.