號稱要超越Slashdot 的 digg.com 是一個典型的AJax應用。它的首頁使用了prototype框架和scriptaculous擴展。有好事者統計了加載digg.com的首頁時總共下載Javascript和CSS文件的字節數,發現不算上圖片,光Html+JS+CSS就有250多k,於是提出了Digg: Javascript overload?的疑問。 Zimbra 針對這個問題,給出了一些優化的方法:AJax and CSS Optimization,要點如下:
將多個JS或者CSS文件整合成一個文件以減少HTTP連接數,使用類似JSmin的工具移除注釋、空白以及多余的空行等以減少網絡傳輸的數據量,在web服務端應用gzip compression 壓縮 Zimbra 使用以上方式優化後,測試發現減少了50%以上的帶寬。
在我們現在和將來的Ajax開發中一定也會遭遇類似digg.com的性能問題。Zimbra的解決方案可供參考。關於HTTP Compression,我覺得是優化AJax最為關鍵的部分。我們可以應用web server默認提供的機制,比如Tomcat5.x在Connector 配置中提供的壓縮選項,一個典型的Connector配置如下:
<Connector
port="8080" maxHttpHeaderSize="8192" maxThreads="150" minSpareThreads="25"
maxSpareThreads="75" enableLookups="false" redirectPort="8443"
acceptCount="100" connectionTimeout="20000" disableUploadTimeout="true"
compression="on"
compressableMimeType="text/Html,text/XML,text/plain,text/Javascript,text/CSS"
/>
以上配置使用compression屬性激活壓縮,然後用compressableMimeType屬性設置應用壓縮的Mime Type類型。最著名的apache服務器也提供了mod_deflate 等模塊提供類似的壓縮配置。
另外還可以通過調用web server提供的API編程來提供壓縮功能,比如使用Java為Servlet容器提供一個GzipFilter的應用也很普遍。