加速你的Ajax應用

來源:互聯網
上載者:User

 出處: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的應用也很普遍。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.