DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> 加速你的Ajax應用
加速你的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的應用也很普遍。

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved