揭开AJAX技术如何节省应用的带宽的内幕

以下内容为引用chedong编写的《AJAX技术如何节省应用的带宽：多次交互，每次少量更新》一文：

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

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

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

---

 

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