Nginx 开启gzip压缩(图片,文件,css)

三月 06, 2019 | views
Comments 0

gzip压缩可以帮助我们节省带宽了,它可以帮助我们把10K的文件压缩到3k大小了,这个比例是非常的高的了,下面来看Nginx 开启gzip压缩(图片,文件,css)的配置.

1、Vim打开Nginx配置文件

vim /usr/local/nginx/conf/nginx.conf

2、找到如下一段,进行修改.

  1. gzip on; 
  2.  
  3. gzip_min_length 1k; 
  4.  
  5. gzip_buffers 4 16k; 
  6.  
  7. #gzip_http_version 1.0; 
  8.  
  9. gzip_comp_level 2; 
  10.  
  11. gzip_types text/plain application/x-<a href="/js_a/js.html" target="_blank">javascript</a> text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png; 
  12.  
  13. gzip_vary off; 
  14.  
  15. gzip_disable "MSIE [1-6]\."

3、解释一下

第1行:开启Gzip

第2行:不压缩临界值,大于1K的才压缩,一般不用改

第3行:buffer,就是,嗯,算了不解释了,不用改

第4行:用了反向代理的话,末端通信是HTTP/1.0,有需求的应该也不用看我这科普文了;有这句的话注释了就行了,默认是HTTP/1.1

第5行:压缩级别,1-10,数字越大压缩的越好,时间也越长,看心情随便改吧

第6行:进行压缩的文件类型,缺啥补啥就行了,JavaScript有两种写法,最好都写上吧,总有人抱怨js文件没有压缩,其实多写一种格式就行了

第7行:跟Squid等缓存服务有关,on的话会在Header里增加"Vary: Accept-Encoding",我不需要这玩意,自己对照情况看着办吧

第8行:IE6对Gzip不怎么友好,不给它Gzip了

4、:wq保存退出,重新加载Nginx

/usr/local/nginx/sbin/nginx -s reload

5、用curl测试Gzip是否成功开启.

  1. curl -I -H "Accept-Encoding: gzip, deflate" "http://www.111cn.net/" 
  2. HTTP/1.1 200 OK 
  3. Server: nginx/1.0.15 
  4. Date: Sun, 26 Aug 2012 18:13:09 GMT 
  5. Content-Type: text/html; charset=UTF-8 
  6. Connection: keep-alive 
  7. X-Powered-By: PHP/5.2.17p1 
  8. X-Pingback: http://www.slyar.com/blog/xmlrpc.php 
  9. Content-Encoding: gzip 

页面成功压缩.

  1. curl -I -H "Accept-Encoding: gzip, deflate" "http://www.ye111cn.nethemes/default/statics/css/lib.css" 
  2. HTTP/1.1 200 OK 
  3. Server: nginx/1.0.15 
  4. Date: Sun, 26 Aug 2012 18:21:25 GMT 
  5. Content-Type: text/css 
  6. Last-Modified: Sun, 26 Aug 2012 15:17:07 GMT 
  7. Connection: keep-alive 
  8. Expires: Mon, 27 Aug 2012 06:21:25 GMT 
  9. Cache-Control: max-age=43200 
  10. Content-Encoding: gzip 

css文件成功压缩

  1. curl -I -H "Accept-Encoding: gzip, deflate" http://www.phpfensi.com /Themes/default/statics/js/jquery.min.js" 
  2. HTTP/1.1 200 OK 
  3. Server: nginx/1.0.15 
  4. Date: Sun, 26 Aug 2012 18:21:38 GMT 
  5. Content-Type: application/x-javascript 
  6. Last-Modified: Thu, 12 Jul 2012 17:42:45 GMT 
  7. Connection: keep-alive 
  8. Expires: Mon, 27 Aug 2012 06:21:38 GMT 
  9. Cache-Control: max-age=43200 
  10. Content-Encoding: gzip 

js文件成功压缩.

  1. curl -I -H "Accept-Encoding: gzip, deflate" "http://www.slyar.com/blog/wp-content/uploads/2012/08/2012-08-23_203542.png" 
  2. HTTP/1.1 200 OK 
  3. Server: nginx/1.0.15 
  4. Date: Sun, 26 Aug 2012 18:22:45 GMT 
  5. Content-Type: image/png 
  6. Last-Modified: Thu, 23 Aug 2012 13:50:53 GMT 
  7. Connection: keep-alive 
  8. Expires: Tue, 25 Sep 2012 18:22:45 GMT 
  9. Cache-Control: max-age=2592000 
  10. Content-Encoding: gzip 

图片成功压缩.

  1. curl -I -H "Accept-Encoding: gzip, deflate" "http://www.slyar.com/blog/wp-content/plugins/wp-multicollinks/wp-multicollinks.css" 
  2. HTTP/1.1 200 OK 
  3. Server: nginx/1.0.15 
  4. Date: Sun, 26 Aug 2012 18:23:27 GMT 
  5. Content-Type: text/css 
  6. Content-Length: 180 
  7. Last-Modified: Sat, 02 May 2009 08:46:15 GMT 
  8. Connection: keep-alive 
  9. Expires: Mon, 27 Aug 2012 06:23:27 GMT 
  10. Cache-Control: max-age=43200 
  11. Accept-Ranges: bytes 

最后来个不到1K的文件,由于我的阈值是1K,所以没压缩.



zend