配置Apache,Tomcat的gzip壓縮功能

HTTP 壓縮可以大大提高瀏覽網站的速度，它的原理是，在客戶端請求網頁後，從服務器端將網頁文件壓縮，再下載到客戶端，由客戶端的瀏覽器負責解 壓縮並瀏覽。相對於普通的瀏覽過程HTML ,CSS,Javascript , Text ，它可以節省40%左右的流量。更爲重要的是，它可以對動態生成的，包括CGI、PHP , JSP , ASP , Servlet,SHTML等輸出的網頁也能進行壓縮，壓縮效率驚人

一對於Tomcat5.0以後的版本是支持對輸出內容進行壓縮的.　使用的是gzip壓縮格式

下 面是tomcat5.5.20 中的$tomcat_home$/conf/server.xml的原內容

 1      < Connector  port ="80"  maxHttpHeaderSize ="8192"
 2               maxThreads ="150"  minSpareThreads ="25"  maxSpareThreads ="75"
 3               enableLookups ="false"  redirectPort ="8443"  acceptCount ="100"
 4                connectionTimeout ="20000"  disableUploadTimeout ="true"  URIEncoding ="utf-8"   />
 5     <!--  Note : To disable connection timeouts, set connectionTimeout value
 6     to 0  --> 
 7     
 8     <!--  Note : To use gzip compression you could set the following properties :
 9     
10                compression="on" 
11                compressionMinSize="2048" 
12                noCompressionUserAgents="gozilla, traviata" 
13                compressableMimeType="text/html,text/xml"
14      -->

從上面的第 8行內容可以看出，要使用gzip壓縮功能，你可以在Connector實例中加上如下 屬性即可
1) compression="on" 打開壓縮功能
2) compressionMinSize="2048" 啓用壓縮的輸出內容大小，這裏面默認爲2KB
3) noCompressionUserAgents="gozilla, traviata" 對於以下的瀏覽器，不啓用壓縮 
4) compressableMimeType="text/html,text/xml"　壓縮類型

我 這裏的配置內容爲：
 

 1    <Connector port="80" maxHttpHeaderSize="8192"
 2               maxThreads="150" minSpareThreads="25" maxSpareThreads="75"
 3               enableLookups="false" redirectPort="8443" acceptCount="100"
 4               connectionTimeout="20000" disableUploadTimeout="true" URIEncoding="utf-8"
 5                  compression="on" 
 6               compressionMinSize="2048" 
 7               noCompressionUserAgents="gozilla, traviata" 
 8               compressableMimeType="text/html,text/xml,text/javascript,text/css,text/plain"  />
 9    <!-- Note : To disable connection timeouts, set connectionTimeout value
10     to 0 -->
11   
12    <!-- Note : To use gzip compression you could set the following properties :
13   
14               compression="on" 
15               compressionMinSize="2048" 
16               noCompressionUserAgents="gozilla, traviata" 
17               compressableMimeType="text/html,text/xml"
18    -->
19

 tomcat 開啓Gzip ：

1.找到Tomcat 目錄下的conf下的server.xml，並找到如下信息

Connector port="8080"
maxHttpHeaderSize="8192"
maxThreads="150"  minSpareThreads="25" maxSpareThreads="75"
enableLookups="false"  redirectPort="8443" acceptCount="100"
connectionTimeout="20000"  disableUploadTimeout="true"

將它改成如下的形式（其實在上面代碼的下面已經有了，將他們打開而已。）：

<!-- Define a non-SSL HTTP/1.1 Connector on port 8080 -->
<Connector port="8080"
maxHttpHeaderSize="8192"
maxThreads="150"  minSpareThreads="25" maxSpareThreads="75"
enableLookups="false"  redirectPort="8443" acceptCount="100"
connectionTimeout="20000"  disableUploadTimeout="true"
compression="on"
compressionMinSize="2048"
noCompressionUserAgents="gozilla, traviata"
compressableMimeType="text/html,text/xml"
>

這樣，就能夠對html和xml進行壓縮了，如果要壓縮css 和 js，那麼需要將

compressableMimeType=”text/html,text/xml”加入css和js：

<Connector port="8080"
.........
compressableMimeType="text/html,text/xml,text/css,text/javascript"
>

你甚至可以壓縮圖片：
compressableMimeType=”text/html,text/xml”加入css和js：
<Connector port="8080"
.........
compressableMimeType="text/html,text/xml,text/css,text/javascript,p_w_picpath/gif,p_w_picpath/jpg"
>

 
http://www.gidnetwork.com/tools/gzip-test.php
一旦啓用了這個壓縮功能後，我們怎麼來測試壓縮是否有效呢？首先Tomcat是根據瀏覽器請求頭中的accept-encoding來判斷瀏覽器是否支持壓縮功能，如果這個值包含有gzip，就表明瀏覽器支持gzip壓縮內容的瀏覽，所以我們可以用httpclient來寫一個這樣的簡單測試程序 
 檢驗tomcat是否開啓成功

import org.apache.commons.httpclient.HttpClient;
import org.apache.commons.httpclient.methods.GetMethod;

public class HttpTester {

public static void main(String[] args) throws Exception{
  HttpClient http = new HttpClient();
  GetMethod get = new GetMethod("http://www.dlog.cn/js/prototype.js");
  try{
  get.addRequestHeader("accept-encoding", "gzip,deflate");
  get.addRequestHeader("user-agent", "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; Alexa Toolbar; Maxthon 2.0)");
  int er = http.executeMethod(get);
  if(er==200){
   System.out.println(get.getResponseContentLength());
   String html = get.getResponseBodyAsString();
   System.out.println(html);
   System.out.println(html.getBytes().length);
  }
}finally{
   get.releaseConnection();
}
}

}

執行這個測試程序，看看它所輸出的是什麼內容，如果輸出的是一些亂碼，以及打印內容的長度遠小於實際的長度，那麼恭喜你，你的配置生效了，你會發現你網站的瀏覽速度比以前快多了。

二， 對於Apache而言，有兩種情況
 １）針對Apache2.0之前的版本，它原本是不支持 的，不過可以通過添加第三方的module_gzip模塊來啓用
 ２）針對Apache2.0及之後的版本，Apache提供支持, 不過不叫gzip，而叫mod_deflate
下面就對Apache2.0及之後的版本作一個說明
1) 去掉#LoadModule headers_module modules/mod_headers.so前面的註釋#,
2) 添加LoadModule deflate_module modules/mod_deflate.so
3) 在VirtualHost中添加
 

1    <Location "/">
2        SetOutputFilter DEFLATE
3        BrowserMatch ^Mozilla/4 gzip-only-text/html
4        BrowserMatch ^Mozilla/4\.0[678] no-gzip
5        BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
6        SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary
7        Header append Vary User-Agent env=!dont-vary
8    </Location>
9

我這裏面有一個完整的演示
 

 1# 加載deflate模塊
 2LoadModule headers_module modules/mod_headers.so
 3LoadModule deflate_module modules/mod_deflate.so
 4<VirtualHost *:80>
 5    DocumentRoot f:/apacheTest
 6    <Location "/">
 7        SetOutputFilter DEFLATE
 8        BrowserMatch ^Mozilla/4 gzip-only-text/html
 9        BrowserMatch ^Mozilla/4\.0[678] no-gzip
10        BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
11        SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary
12        Header append Vary User-Agent env=!dont-vary
13    </Location>
14</VirtualHost>

 

關於 JavaScript的gzip靜態壓縮方法

傳統的JS壓縮(刪除註釋,刪除多餘空格等)提供的壓縮率有時還是不盡不意,幸虧現在的瀏覽器都支持壓縮傳輸(通過設置http header的Content-Encoding=gzip),可以通過服務器的配置(如apache)爲你的js提供壓縮傳輸,或是appfuse中使用的GZipFilter使tomcat也提供這種能力

現在的問題是這種動態的壓縮會導致服務器CPU佔用率過高,現在我想到的解決辨法是通過提供靜態壓縮(就是將js預先通過gzip.exe壓縮好)

一.下面描述在tomcat中的應用

1.將prototype.js通過gzip.exe壓縮保存成prototype.gzjs
2.設置header,我編寫了一個簡單的AddHeadersFilter來將所有以gzjs結尾的文件增加設置header Content-Encoding=gzip
web.xml中的配置

 <filter>

  <filter-name>AddHeaderFilter</filter-name>

  <filter-class>

   badqiu.web.filter.AddHeaderFilter

  </filter-class>

  <init-param>

   <param-name>headers</param-name>

   <param-value>Content-Encoding=gzip</param-value>

  </init-param>

 </filter>



 <filter-mapping>

  <filter-name>AddHeaderFilter</filter-name>

  <url-pattern>*.gzjs</url-pattern>

 </filter-mapping>

測試prototype.js是否正常的代碼

<html>

<head>

<!-- type="text/javascript"不可少,有些瀏覽器缺少這個不能運行,具體已經忘記了 -->

<script src="prototype.gzjs" type="text/javascript"></script>

</head>

<body>

 <input id="username" name="username" value="badqiu"/><br />

 <input id="email" value="[email protected]"/>

<script>

 <!-- 測試prototype的方法是否正常-->

 alert($F('username'))

</script>

</body>

</html>

在Apache httpd中可以直接通過在httpd.conf增加AddEncoding x-gzip .gzjs來映射.gzjs文件的header

二.相關壓縮率數據
1. prototype.js 1.5.0_rc0原始大小56KB,未經任何處理直接使用gzip壓縮爲12KB,總壓縮率79%
2. 通過js壓縮工具壓縮過的protytype.js爲20KB,使用gzip壓縮爲10KB,總壓縮率爲83%
3. 實際項目中的多個js合併成的文件 439KB,直接通過gzip壓縮爲85KB,總壓縮率81%
4. 439KB經過js壓縮爲165KB,再經過gzip壓縮爲65KB,總壓縮率86%

基本上你都可以忽略js壓縮工具的壓縮率,直接使用gzip壓縮

gzip下載地址 http://www.gzip.org
tomcat的壓縮配置示例下載地址: http://www.blogjava.net/Files/badqiu/gziptest.rar