web性能优化之GZIP压缩

       从服务端优化来讲，经过对服务端作压缩配置能够大大减少文本文件的体积，从而使加载文本的速度成倍的加快。目前比较通用的压缩方法是启用gzip压缩。它会把浏览器请求的页面，以及页面中引用的静态资源以压缩包的形式发送到客户端,而后在客户端完成解压和拼装.下图是使用相关工具检测没有开启网页压缩的效果。

检测地址：

http://www.whatsmyip.org/http-compression-test/?url=d3d3LmZlbmd6aWdhbWUuY29t

windows下apache开启GZIP

实现步骤：
1.找到并打开apache/conf目录中的httpd.conf文件
2.httpd.conf中打开deflate_Module和headers_Module模块，具体作法为将 以下两句前面的#去掉：
　　LoadModule deflate_module modules/mod_deflate.so
　　LoadModule headers_module modules/mod_headers.so

3.在httpd.conf文件底部加入以下代码配置须要压缩的文件：

<IfModule mod_deflate.c>
SetOutputFilter DEFLATE
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/php
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilter DEFLATE js css
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/atom_xml
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/x-httpd-php
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/gif image/png  image/jpe image/swf image/jpeg image/bmp
# Don’t compress images and other  #排除不须要压缩的文件
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
SetEnvIfNoCase Request_URI .(?:html|htm)$ no-gzip dont-varySetEnvIfNoCase
#SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png)$ no-gzip dont-vary
SetEnvIfNoCase Request_URI .(?:exe|t?gz|zip|bz2|sit|rar)$ no-gzip dont-vary
SetEnvIfNoCase Request_URI .(?:pdf|doc)$ no-gzip dont-vary
</IfModule>

4.重启apache服务端。经过firebug查看头信息Accept-Encoding是否为gzip。

 

Web服务器处理

HTTP压缩的过程以下：

Web服务器接收到浏览器的HTTP请求后，检查浏览器是否支持HTTP压缩（Accept-Encoding 信息）；

若是浏览器支持HTTP压缩，Web服务器检查请求文件的后缀名；

若是请求文件是HTML、CSS等静态文件，Web服务器到压缩缓冲目录中检查是否已经存在请求文件的最新压缩文件；

若是请求文件的压缩文件不存在，Web服务器向浏览器返回未压缩的请求文件，并在压缩缓冲目录中存放请求文件的压缩文件；

若是请求文件的最新压缩文件已经存在，则直接返回请求文件的压缩文件；

若是请求文件是动态文件，Web服务器动态压缩内容并返回浏览器，压缩内容不存放到压缩缓存目录中。

mod_gzip 和mod_deflate的主要区别是什么？（来自互联网）

首先一个区别是安装它们的Apache Web服务器版本的差别。Apache 1.x系列没有内建网页压缩技术，因此才去用额外的第三方mod_gzip 模块来执行压缩。而Apache 2.x官方在开发的时候，就把网页压缩考虑进去，内建了mod_deflate 这个模块，用以取代mod_gzip。虽然二者都是使用的Gzip压缩算法，它们的运做原理是相似的。 第二个区别是压缩质量。mod_deflate 压缩速度略快而mod_gzip 的压缩比略高。通常默认状况下，mod_gzip 会比mod_deflate 多出4%~6％的压缩量。 那么，为何使用mod_deflate？第三个区别是对服务器资源的占用。 通常来讲mod_gzip 对服务器CPU的占用要高一些。mod_deflate 是专门为确保服务器的性能而使用的一个压缩模块，mod_deflate 须要较少的资源来压缩文件。这意味着在高流量的服务器，使用mod_deflate 可能会比mod_gzip 加载速度更快。