高效配置Apache,Tomcat的gzip壓縮功能
HTTP 壓縮可以大大提高瀏覽網(wǎng)站的速度,它的原理是,在客戶端請求網(wǎng)頁后,從服務器端將網(wǎng)頁文件壓縮,再下載到客戶端,由客戶端的瀏覽器負責解 壓縮并瀏覽。相對于普通的瀏覽過程HTML ,CSS,Javascript , Text ,它可以節(jié)省40%左右的流量。更為重要的是,它可以對動態(tài)生成的,包括CGI、PHP , JSP , ASP , Servlet,SHTML等輸出的網(wǎng)頁也能進行壓縮,壓縮效率驚人
一對于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" />
從上面的第 8行內容可以看出,要使用gzip壓縮功能,你可以在Connector實例中加上如下 屬性即可
1) compression="on" 打開壓縮功能
2) compressionMinSize="2048" 啟用壓縮的輸出內容大小,這里面默認為2KB
3) noCompressionUserAgents="gozilla, traviata" 對于以下的瀏覽器,不啟用壓縮
4) compressableMimeType="text/html,text/xml"壓縮類型
我 這里的配置內容為:
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" />
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"
將它改成如下的形式(其實在上面代碼的下面已經(jīng)有了,將他們打開而已。):
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:
.........
compressableMimeType="text/html,text/xml,text/css,text/javascript"
>
你甚至可以壓縮圖片:
compressableMimeType=”text/html,text/xml”加入css和js:
.........
compressableMimeType="text/html,text/xml,text/css,text/javascript,image/gif,image/jpg"
>
http://www.gidnetwork.com/tools/gzip-test.php
一旦啟用了這個壓縮功能后,我們怎么來測試壓縮是否有效呢?首先Tomcat是根據(jù)瀏覽器請求頭中的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();
}
}
}
執(zhí)行這個測試程序,看看它所輸出的是什么內容,如果輸出的是一些亂碼,以及打印內容的長度遠小于實際的長度,那么恭喜你,你的配置生效了,你會發(fā)現(xiàn)你網(wǎng)站的瀏覽速度比以前快多了。
二, 對于Apache而言,有兩種情況
1)針對Apache2.0之前的版本,它原本是不支持 的,不過可以通過添加第三方的module_gzip模塊來啟用
2)針對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
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
9
我這里面有一個完整的演示
1# 加載deflate模塊
2LoadModule headers_module modules/mod_headers.so
3LoadModule deflate_module modules/mod_deflate.so
4
5 DocumentRoot f:/apacheTest
6
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
14
關于 JavaScript的gzip靜態(tài)壓縮方法
傳統(tǒng)的JS壓縮(刪除注釋,刪除多余空格等)提供的壓縮率有時還是不盡不意,幸虧現(xiàn)在的瀏覽器都支持壓縮傳輸(通過設置http header的Content-Encoding=gzip),可以通過服務器的配置(如apache)為你的js提供壓縮傳輸,或是appfuse中使用的GZipFilter使tomcat也提供這種能力
現(xiàn)在的問題是這種動態(tài)的壓縮會導致服務器CPU占用率過高,現(xiàn)在我想到的解決辨法是通過提供靜態(tài)壓縮(就是將js預先通過gzip.exe壓縮好)
一.下面描述在tomcat中的應用
1.將prototype.js通過gzip.exe壓縮保存成prototype.gzjs
2.設置header,我編寫了一個簡單的AddHeadersFilter來將所有以gzjs結尾的文件增加設置header Content-Encoding=gzip
web.xml中的配置
AddHeaderFilter badqiu.web.filter.AddHeaderFilter headers Content-Encoding=gzip AddHeaderFilter *.gzjs
測試prototype.js是否正常的代碼
在Apache httpd中可以直接通過在httpd.conf增加AddEncoding x-gzip .gzjs來映射.gzjs文件的header
二.相關壓縮率數(shù)據(jù)
1. prototype.js 1.5.0_rc0原始大小56KB,未經(jīng)任何處理直接使用gzip壓縮為12KB,總壓縮率79%
2. 通過js壓縮工具壓縮過的protytype.js為20KB,使用gzip壓縮為10KB,總壓縮率為83%
3. 實際項目中的多個js合并成的文件 439KB,直接通過gzip壓縮為85KB,總壓縮率81%
4. 439KB經(jīng)過js壓縮為165KB,再經(jīng)過gzip壓縮為65KB,總壓縮率86%
基本上你都可以忽略js壓縮工具的壓縮率,直接使用gzip壓縮