加速你的Ajax應用

ajax

號稱要超越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的應用也很普遍。