经gzip压缩后的页面大小可以变为原来的30%甚至更小,因此很多网站使用gzip压缩以降低网站带宽消耗,同时提升访问速度,使访问者拥有更好的用户体验。
gzip的压缩页面需要浏览器和服务器双方都支持,实际上就是服务器端压缩,传到浏览器后浏览器解压并解析。
目前绝大多数浏览器都支持解析gzip压缩过的页面。
Apache开启 gzip压缩配置
第一步:修改httpd.conf文件打开一下注释
1
2
3
|
LoadModule deflate_module modules/mod_deflate.so
LoadModule headers_module modules/mod_headers.so
|
第二步: 在httpd.conf文件最后一行加入
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<IfModule mod_deflate.c>
SetOutputFilter DEFLATE
#必须的,就像一个开关一样,告诉apache对传输到浏览器的内容进行压缩
SetEnvIfNoCase Request_URI .(?:gif|jpe
?
g|png)$ no
-gzip
dont
-vary
#设置不对后缀gif,jpg,jpeg,png的图片文件进行压缩
SetEnvIfNoCase Request_URI .(?:exe|t
?
gz|zip|bz2|sit|rar)$ no
-gzip
dont
-vary
#同上,就是设置不对exe,tgz,gz。。。的文件进行压缩
SetEnvIfNoCase Request_URI .(?:pdf|mov|avi|mp3|mp4|
rm
)$ no
-gzip
dont
-vary
AddOutputFilterByType DEFLATE text/*
#设置对文件是文本的内容进行压缩,例如text/html text/css text/plain等
AddOutputFilterByType DEFLATE application/ms* application/vnd* application/postscript application/javascript application/x
-javascript
#这段代码你只需要了解application/javascript application/x-javascript这段就可以了,这段的意思是对javascript文件进行压缩
AddOutputFilterByType DEFLATE application/x
-httpd
-php
application/x
-httpd
-fastphp
#这段是告诉apache对php类型的文件进行压缩
BrowserMatch ^Mozilla/4 gzip
-only
-text
/html
# Netscape 4.x 有一些问题,所以只压缩文件类型是text/html的
BrowserMatch ^Mozilla/4.0[678] no
-gzip
# Netscape 4.06-4.08 有更多的问题,所以不开启压缩
BrowserMatch \bMSIE !no
-gzip
!gzip
-only
-text
/html
# IE浏览器会伪装成 Netscape ,但是事实上它没有问题
</IfModule>
|
Nginx的gzip配置
Nginx的压缩输出由一组gzip压缩指令来实现。
相关指令位于http{….}两个大括号之间。
gzip on;
//该指令用于开启或关闭gzip模块(on/off)
//设置允许压缩的页面最小字节数,页面字节数从header头得content-length中进行获取。
默认值是0,不管页面多大都压缩。
建议设置成大于1k的字节数,小于1k可能会越压越大。
gzip_buffers 4 16k;
//设置系统获取几个单位的缓存用于存储gzip的压缩结果数据流。
4 16k代表以16k为单位,安装原始数据大小以16k为单位的4倍申请内存。
//识别http的协议版本(1.0/1.1)
gzip_comp_level 2;
//gzip压缩比,1压缩比最小处理速度最快,9压缩比最大但处理速度最慢(传输快但比较消耗cpu)
//匹配mime类型进行压缩,无论是否指定,”text/html”类型总是会被压缩的。
gzip_vary on;
//和http头有关系,加个vary头,给代理服务器用的,有的浏览器支持压缩,有的不支持。
因此,为避免浪费不支持的也压缩,需要根据客户端的HTTP头来判断,是否需要压缩。
nginx配置gzip段1:
1
2
3
4
5
6
7
|
gzip on;
gzip_min_length 1k;
gzip_buffers 16 64k;
gzip_http_version 1.1;
gzip_comp_level 6;
gzip_types text/plain application/x
-javascript
text/css application/xml;
gzip_vary on;
|
nginx配置gzip段2:
1
2
3
4
5
6
7
8
9
10
11
|
# output compression saves bandwidth
gzip on;
gzip_http_version 1.1;
gzip_vary on;
gzip_comp_level 6;
gzip_proxied any;
gzip_types text/plain text/html text/css application/json application/x
-javascript
text/xml application/xml application/xml+rss text/javascript;
# make sure gzip does not lose large gzipped js or css files
gzip_buffers 16 8k;
# Disable gzip for certain browsers.
gzip_disable “MSIE [1-6].(?!.*SV1)”;
|
Tomcat 开启gzip
修改%TOMCAT_HOME%/conf/server.xml,修订节点如下
1
2
3
4
5
6
7
8
9
10
11
|
<Connector port=
"80"
protocol=
"HTTP/1.1"
connectionTimeout=
"20000"
redirectPort=
"8443"
executor=
"tomcatThreadPool"
URIEncoding=
"utf-8"
compression=
"on"
compressionMinSize=
"50"
noCompressionUserAgents=
"gozilla, traviata"
compressableMimeType=
"text/html,text/xml,text/javascript,text/css,text/plain"
/>
|
从上面节点的属性可以看出,要使用gzip压缩功能,你需要在Connector节点中加上如下属性
·compression="on" 打开压缩功能
·compressionMinSize="50" 启用压缩的输出内容大小,默认为2KB
·noCompressionUserAgents="gozilla, traviata" 对于以下的浏览器,不启用压缩
·compressableMimeType="text/html,text/xml,text/javascript,text/css,text/plain" 哪些资源类型需要压缩
开启的效果对比
未开启gzip
开启gzip后
可以发现请求文件的大小明显减少了,由原来的70KB变为24KB了。顺便说一下,开启这个功能势必会增加服务器cpu开销。