AJAX技術如何節省應用的頻寬：多次互動，每次少量更新

ajax|互動

Using javascript:void(0);">AJAX to Improve the Bandwidth Performance of Web Applications這篇文章十分量化的說明了javascript:void(0);">AJAX技術如何節省應用的頻寬。我將文章中的2次測試的效果截圖用畫圖組合對比了一下：這樣看效果更明顯一些
http://www.alixixi.com/web/a/

這裡有幾個基本的結果：
1 包含ajax的應用首次下載要比一般頁面重新整理方式的應用大：Usage Analyser的ajax版大小12387，原大小9741位元組
2 javascript:void(0);">AJAX應用在後面的互動中：只重新整理部分需要更新資料 2-3k 而傳統的整頁重新整理模式需要整頁重載: 10k左右
3 互動次數越多，javascript:void(0);">AJAX應用的頻寬節省效果越明顯；
4 整頁重新整理模式雖然需要重新載入圖片等：但由於通知了用戶端使用本機快取的圖片和JS等：因此沒有重新產生流量，

在此次條件的實驗過程中：ajax技術總計節省了超過61%。遠遠超過預期的50% 而且隨著互動次數增加，節省率還會更高。

javascript:void(0);">AJAX技術比刷頁方式節省頻寬的比例換算公式：
( 互動次數(刷頁互動流量 - javascript:void(0);">AJAX互動量) - (javascript:void(0);">AJAX版首次加增加量) ) / (刷頁*互動次數 + 首次載入頁面大小)

車東 發表於 January 25, 2006

<