• 首页
  • javascript
  • node.js 和 nginx 配合实现 gzip 压缩,让网站浏览更顺畅

node.js 和 nginx 配合实现 gzip 压缩,让网站浏览更顺畅

node.js 开发的站点,如果你也是用了nginx实现反向代理.

那么在服务端可以轻松实现 gzip 压缩,让站点浏览更顺畅.


前提条件: node.js + nginx 反向代理


node.js 需要做的工作:


express 4.0以下版本:

app.use(express.compress());  //主要是这句
app.use(express.json());  
app.use(express.urlencoded());  
app.use(express.bodyParser());  
app.use(express.methodOverride());  
app.use(express.cookieParser());

为了让所有请求压缩,所以 compress 放在上面.


express 4.0以上版本(包含4.0)

var compress = require('compression');
app.use(compress());

4.0以上版本把中间件独立拿出来了.

所以首先需要你 rquire('compression')

点击这里查看express 3.5 和 express 4.0 的主要区别


node.js 需要做的工作就是这么简单.


nginx 需要做的工作:


打开nginx配置文件,修改配置,开启 gzip 开关

nano /usr/local/nginx/conf/nginx.conf

你自己服务器上的 nginx 不一定安装在 /usr/local/ 目录下,所以根据自己安装目录下查找 配置文件 nginx.conf


在 http 配置节点上加如下配置:

        gzip on;
        gzip_min_length  1k;
        gzip_buffers     4 16k;
        gzip_http_version 1.0;
        gzip_comp_level 2;
        gzip_types       text/plain application/x-javascript text/css application/xml;
        gzip_vary on;



http (

         

        //放上面配置节点   

)


每一个配置项表示什么含义呢?


1) gzip

语法:gzip on/off

默认值:off

作用域:http, server, location

说明:开启或者关闭 gzip 模块,这里使用 on 表示启动


2) gzip_min_length

语法:gzip_min_length length

默认值:gzip_min_length 0

作用域:http, server, location

说明:设置允许压缩的页面最小字节数,页面字节数从header头中的Content-Length中进行获取。默认值是0,不管页面多大都压缩。建议设置成大于1k的字节数,小于1k可能会越压越大。|


3) gzip_buffers

语法: gzip_buffers number size

默认值: gzip_buffers 4 4k/8k

作用域: http, server, location

说明:设置系统获取几个单位的缓存用于存储gzip的压缩结果数据流。4 16k 代表以 16k 为单位,按照原始数据大小以 16k 为单位的4倍申请内存。


4) gzip_comp_level

语法: gzip_comp_level 1..9

默认值: gzip_comp_level 1

作用域: http, server, location

说明:gzip压缩比,1 压缩比最小处理速度最快,9 压缩比最大但处理最慢(传输快但比较消耗cpu)。这里设置为 5。


5) gzip_types

语法: gzip_types mime-type [mime-type ...]

默认值: gzip_types text/html

作用域: http, server, location

说明:匹配MIME类型进行压缩,(无论是否指定)"text/html" 类型总是会被压缩的。这里设置为 application/x-javascript text/css application/xml。


做了gzip以后有什么效果呢,看下 一介布衣博客: 75.22% 的压缩比,效果还是不错的.





回到顶部