?HTTP 壓縮可以大大提高瀏覽網(wǎng)站的速度，它的原理是，在客戶端請求網(wǎng)頁后，從服務(wù)器端將網(wǎng)頁文件壓縮，再下載到客戶端，由客戶端的瀏覽器負責(zé)解壓縮并瀏覽。相對 于普通的瀏覽過程HTML ,CSS,Javascript , Text ，它可以節(jié)省40%左右的流量。更為重要的是，它可以對動態(tài)生成的，包括CGI、PHP , JSP , ASP , Servlet,SHTML等輸出的網(wǎng)頁也能進行壓縮，壓縮效率驚人。?
目前實現(xiàn)gzip壓縮有2種辦法： ?

方法一、是有的容器（服務(wù)器）提供的功能，但這個局限于特定容器。比如 ? apache+tomcat ? 或者 ? resin-pro ? 版 ? 。 ?
方法二、是 部署前手動 ? gzip ? 壓縮，配合 ? servlet ? 過濾器使用，這個能實現(xiàn) ? gzip ? 功能，但是降低了靈活性。


方案一
1、TOMCAT配置GZIP壓縮：

tomcat5.5.x配置 ?
修改%TOMCAT_HOME%\conf \server.xml啟用支持gzip壓縮.?
添加下列屬性?
compression="on"?
compressionMinSize="2048"?
noCompressionUserAgents="gozilla, traviata"?
compressableMimeType="text/html,text/xml"?
TOMCAT配置說明?
1) compression="on" 打開壓縮功能?
2) compressionMinSize="2048" 啟用壓縮的輸出內(nèi)容大小，這里面默認為2KB?
3) noCompressionUserAgents="gozilla, traviata" 對于以下的瀏覽器，不啟用壓縮?
4) compressableMimeType="text/html,text/xml"　壓縮類型?

Resin容器中配置GZIP壓縮方法 ?

http://localhost:8080/MyProj/pdf/0.jpg 可以打開一張圖片。用Httpwatch查看?
Accept-Encoding: gzip, deflate?
Sent? ? :? ? 315?
Received? ? 43106?

開始配置Resin?

我按照這樣的配置：?
<web-app id="/" root-directory="webapps/MyProj">?
<filter filter-name="gzip" filter-class="com.caucho.filters.GzipFilter">?
<init>?
<use-vary>true</use-vary>?
</init>?
</filter>?
<filter-mapping filter-name="gzip">?
<url-pattern>?
<exclude-pattern>*.jpg</exclude-pattern>?
<include-pattern>/*</include-pattern>?
</url-pattern>?
</filter-mapping>?
</web-app>?

再測試發(fā)現(xiàn)不起作用！不清楚如何配置哦！?
我再看了一下資料上面有講說 需要resin的專業(yè)版即resin-pro?
現(xiàn)在再看下我的resin ：Resin-3.2.1 (built Fri, 17 Oct 2008 04:11:01 PDT)?

果然是我的版本不一致導(dǎo)致的。重新從網(wǎng)上下載一下專業(yè)版的RESIN下來再試！?
以下是我再測試的過程：?
測試發(fā)現(xiàn)還是不行呀！我昏～～～ 不過感覺專業(yè)版與普通版在配置上面還是有點差別的?
待續(xù)未完！?

方案二： ?
設(shè)置Content-Encoding?

Content-Encoding 文檔的編碼（Encode）方法。只有在解碼之后才可以得到Content-Type頭指定的內(nèi)容類型。利用gzip壓縮文檔能夠顯著地減少HTML文檔 的下載時間。Java的GZIPOutputStream可以很方便地進行g(shù)zip壓縮，但只有Unix上的Netscape和Windows上的IE 4、IE 5才支持它。因此，Servlet應(yīng)該通過查看Accept-Encoding頭（即request.getHeader("Accept- Encoding")）檢查瀏覽器是否支持gzip，為支持gzip的瀏覽器返回經(jīng)gzip壓縮的HTML頁面，為其他瀏覽器返回普通頁面。?
壓縮流 ?
public void doGet(HttpServletRequest request, HttpServletResponse response)?
throws IOException, ServletException {?
OutputStream out = null;?
String encoding = request.getHeader("Accept-Encoding"); 　?
if (encoding != null && encoding.indexOf("gzip") != -1){?
request.setHeader("Content-Encoding" , "gzip");　　?
out = new GZIPOutputStream(request.getOutputStream());?
}　?
else if (encoding != null && encoding.indexOf("comdivss") != -1){?
request.setHeader("Content-Encoding" , "comdivss");　　?
out = new ZIPOutputStream(request.getOutputStream());?
}else{　　?
out = request.getOutputStream();?



實例：
采用gzip servlet filter實現(xiàn)
從 HTTP/1.1 開始，客戶端就可以在請求頭中添加
Accept-Encoding: gzip,deflate? ?? ?（可以從HTTP WATCH中查看發(fā)現(xiàn)確實支持）
來向請求的服務(wù)器表明自己支持 Gzip 壓縮的響應(yīng)。Web 服務(wù)器則在響應(yīng)頭中添加
Content-Encoding: gzip
來向客戶端表明響應(yīng)體是經(jīng)過 gzip 壓縮的。

程序代碼如下：
（在此非常感謝?http://tdcq.iteye.com/blog/453644?提供代碼）

具體代碼如下：
package sh.blog.util.web.filter;?
import java.io.IOException;?
import java.util.zip.GZIPOutputStream;?
import javax.servlet.ServletOutputStream;?
public class CompressedStream extends ServletOutputStream {?
private ServletOutputStream out;?
private GZIPOutputStream? ???gzip;?
/**
* 指定壓縮緩沖流
* @param 輸出流到壓縮
*?@throws?IOException if an error occurs with the {@link?GZIPOutputStream}.
*/?
public CompressedStream(ServletOutputStream out) throws IOException {?
this.out = out;?
reset();?
}?

/**?@see?ServletOutputStream * */?
public void close() throws IOException {?
gzip.close();?
}?

/**?@see?ServletOutputStream * */?
public void flush() throws IOException {?
gzip.flush();?
}?

/**?@see?ServletOutputStream * */?
public void write(byte[] b) throws IOException {?
write(b, 0, b.length);?
}?

/**?@see?ServletOutputStream * */?
public void write(byte[] b, int off, int len) throws IOException {?
gzip.write(b, off, len);?
}?

/**?@see?ServletOutputStream * */?
public void write(int b) throws IOException {?
gzip.write(b);?
}? ?? ?

public void reset() throws IOException {?
gzip = new GZIPOutputStream(out);?
}?

}?



package sh.blog.util.web.filter;
import java.io.IOException;
import java.io.PrintWriter;? ??
import javax.servlet.ServletOutputStream;? ??
import javax.servlet.http.HttpServletResponse;? ??
import javax.servlet.http.HttpServletResponseWrapper;? ???

public class CompressionResponse extends HttpServletResponseWrapper{
protected HttpServletResponse response;? ??
private ServletOutputStream out;? ??
private CompressedStream compressedOut;??
private PrintWriter writer;? ??
protected int contentLength;? ??

public CompressionResponse(HttpServletResponse response) throws IOException {? ??
super(response);
this.response = response;? ??
compressedOut = new CompressedStream(response.getOutputStream());?
}

public void setContentLength(int len) {?
contentLength = len;? ??
}

public ServletOutputStream getOutputStream() throws IOException {? ??
if (null == out) {? ??
if (null != writer) {??
throw new IllegalStateException("getWriter() has already been called on this response.");? ??
}
out = compressedOut;? ??
}
return out;?
}

public PrintWriter getWriter() throws IOException {? ??
if (null == writer) {? ??
if (null != out) {? ??
throw new IllegalStateException("getOutputStream() has already been called on this response.");
}
writer = new PrintWriter(compressedOut);??
}
return writer;? ??

}

public void flushBuffer() {? ??
try {? ??
if (writer != null) {
writer.flush();
}else if (out != null) {??
out.flush();? ??
}

}catch (IOException e) {??
e.printStackTrace();? ??
}
}

public void reset() {
super.reset();? ??
try {? ??
compressedOut.reset();? ??
}catch (IOException e) {??
throw new RuntimeException(e);? ??
}
}

public void resetBuffer() {? ??
super.resetBuffer();? ??
try {? ??
compressedOut.reset();? ??
}catch (IOException e) {??
throw new RuntimeException(e);
}
}

public void close() throws IOException {? ??
compressedOut.close();? ??
}



}



package sh.blog.util.web.filter;

import java.io.IOException;? ??
import java.util.Enumeration;? ??
import javax.servlet.Filter;? ??
import javax.servlet.FilterChain;? ??
import javax.servlet.FilterConfig;? ??
import javax.servlet.ServletException;? ??
import javax.servlet.ServletRequest;? ??
import javax.servlet.ServletResponse;? ??
import javax.servlet.http.HttpServletRequest;? ??
import javax.servlet.http.HttpServletResponse;? ??
import org.apache.commons.logging.Log;? ??
import org.apache.commons.logging.LogFactory;? ??

public class CompressionFilter implements Filter {? ??
protected Log log = LogFactory.getFactory().getInstance(this.getClass().getName());? ??

@SuppressWarnings("unchecked")? ??
public void doFilter(ServletRequest request, ServletResponse response,? ??
FilterChain chain) throws IOException, ServletException {? ??
boolean compress = false;? ??
if (request instanceof HttpServletRequest){? ??
HttpServletRequest httpRequest = (HttpServletRequest) request;??
Enumeration headers = httpRequest.getHeaders("Accept-Encoding");? ??
while (headers.hasMoreElements()){? ??
String value = (String) headers.nextElement();? ??
if (value.indexOf("gzip") != -1){? ??
compress = true;? ??
}? ??
}? ??
}? ??

if (compress){//如果瀏覽器支持則壓縮? ??
HttpServletResponse httpResponse = (HttpServletResponse) response;?
httpResponse.addHeader("Content-Encoding", "gzip");? ??
CompressionResponse compressionResponse= new CompressionResponse(httpResponse);? ??
chain.doFilter(request, compressionResponse);? ??
compressionResponse.close();? ??
}? ??
else{//如果瀏覽器不支持則不壓縮? ??
chain.doFilter(request, response);? ??
}? ??

}? ??

public void init(FilterConfig config) throws ServletException {? ??

}? ??

public void destroy(){? ??
}? ??

}? ??
一共有三個CLASS文件！實現(xiàn)GZIP壓縮輸出響應(yīng)?

2.1 對圖片輸出做壓縮處理測試
建立目錄pdf里面存儲圖片
第一步：不配置過濾器用HTTP WATCHE發(fā)現(xiàn)
image/jpeg : 42891 bytes, 670 x 446 pixels


第二步：配置Web.xml配置過濾器
<filter>
<filter-name>gzip</filter-name>
<filter-class>sh.blog.util.web.filter.CompressionFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>gzip</filter-name>
<url-pattern>/pdf/*</url-pattern>
</filter-mapping>

再用HTTP WATCH查看發(fā)現(xiàn)
image/jpeg : 42891 bytes, gzip compressed to 42712 bytes ( 0.417 % saving ), 670 x 446 pixels
實現(xiàn)了一次壓縮處理輸出！
PS：我再用png格式的圖片做過一次測試發(fā)現(xiàn)一次可以實現(xiàn)GZIP壓縮輸出
結(jié)論：通過上面的過濾器能夠?qū)崿F(xiàn)對圖片的壓縮處理，提高響應(yīng)速度！


2.2 對音樂的壓縮處理以MP3的輸出 為測試對象

建立目錄music里面存儲音樂
第一步：不配置過濾器發(fā)現(xiàn)
audio/mpeg : 9001 bytes of binary data

第二步：配置過濾器

<filter>
<filter-name>gzip</filter-name>
<filter-class>sh.blog.util.web.filter.CompressionFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>gzip</filter-name>
<url-pattern>/music/*</url-pattern>? ??
</filter-mapping>

再次查看發(fā)現(xiàn)：
audio/mpeg : , gzip compressed to 0 bytes ( 0 % saving )
結(jié)論：上面的算法對音樂文件不起壓縮作用。感覺這種GZIP的算法應(yīng)該是不同的格式算法不一樣


2.3 對JS文件壓縮輸出

第一步：不做壓縮
4864

第二步：配置壓縮
<filter>
<filter-name>gzip</filter-name>
<filter-class>sh.blog.util.web.filter.CompressionFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>gzip</filter-name>
<url-pattern>/scripts/*.js</url-pattern>? ??
</filter-mapping>

輸出：
application/x-javascript : 4636 bytes, gzip compressed to 69 bytes ( 98.5 % saving )

查看發(fā)現(xiàn)JS的壓縮是相當(dāng)高的了！
結(jié)論：將JS存入指定的目錄然后直接對此目錄做GZIP壓縮輸出。可以看到效果是顯著的！
通過做GZIP壓縮輸出之后可以減少網(wǎng)絡(luò)帶寬流量從而加快下載速度！



2.4 對CSS文件壓縮輸出

第一步：沒有壓縮輸出
text/css : 413 bytes

第二步：壓縮

配置：
<filter>
<filter-name>gzip</filter-name>
<filter-class>sh.blog.util.web.filter.CompressionFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>gzip</filter-name>
<url-pattern>/scripts/*.js</url-pattern>? ??
<url-pattern>/style/*.css</url-pattern>
</filter-mapping>
結(jié)果：
text/css : 413 bytes, gzip compressed to 101 bytes ( 75.5 % saving )
結(jié)論：對CSS的壓縮效果也是非常明顯的哦！

2.5 對HTML頁面壓縮輸出

第一步：不壓縮
text/html : 2272 bytes

第二步;壓縮
<filter>
<filter-name>gzip</filter-name>
<filter-class>sh.blog.util.web.filter.CompressionFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>gzip</filter-name>
<url-pattern>/scripts/*.js</url-pattern>? ??
<url-pattern>/style/*.css</url-pattern>
<url-pattern>*.html</url-pattern>
</filter-mapping>
結(jié)果：
text/html : 2272 bytes, gzip compressed to 240 bytes ( 89.4 % saving )

結(jié)論：對HTML的壓縮效果也是非常明顯的哦！

2.6 對JSP頁面的壓縮
第一步：未做壓縮
text/html; charset=iso-8859-1 : 1008 bytes

第二步：壓縮輸出
<filter>
<filter-name>gzip</filter-name>
<filter-class>sh.blog.util.web.filter.CompressionFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>gzip</filter-name>
<url-pattern>/scripts/*.js</url-pattern>? ??
<url-pattern>/style/*.css</url-pattern>
<url-pattern>*.html</url-pattern>
<url-pattern>*.jsp</url-pattern>
</filter-mapping>

結(jié)果：頁面 無輸出！

結(jié)論：
以上的算法可以應(yīng)用于 圖片、HTML、CSS、JS的GZIP壓縮輸出。對于JSP頁面無效！

應(yīng)用：

將來可以在站點中編寫此類過濾器，將頁面內(nèi)容盡可能地做GZIP輸出提高下載的速度

總結(jié)

以上是生活随笔為你收集整理的关于静态资源压缩技术的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。