How to configure GZip compression when a Node.js site uses Nginx as a reverse proxy

Node.js developed site, if you also use nginx to implement reverse proxy.

Then you can easily implement gzip compression on the server side to make site browsing smoother.

Prerequisite Conditions: node.js nginx reverse proxy.

node.js Work to be done:

express versions below 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());

In order to compress all requests, compress Put it on top.

express 4.0 and above (including 4.0)

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

4.0 and above versions take out the middleware independently.

So you first need to rquire('compression ')

Click here to view the main differences between express 3.5 and express 4.0

Node.js The work that needs to be done is that simple.

nginx The work that needs to be done:

Open the nginx configuration file, modify the configuration, and turn on the gzip switch

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

The nginx on your own server may not be installed in the /usr/local/ directory, so look for the configuration file nginx according to your own installation directory .conf

Add the following configuration to the http configuration node:

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 (
    //放上面配置节点  
)

What does each configuration item mean?

1) gzip

Syntax: gzip on/off

Default value: off

Scope: http, server, location

Description: Turn on or off the gzip module, use on here to indicate startup

2) gzip_min_length

Syntax: gzip_min_length length

Default value: gzip_min_length 0

Scope: http, server, location

Description: Settings The minimum number of bytes of the page that is allowed to be compressed. The number of bytes of the page is obtained from the content-length in the header. The default value is 0, which compresses the page regardless of its size. It is recommended to set the number of bytes to be greater than 1k. If it is less than 1k, it may become more and more compressed. |

3) gzip_buffers

Syntax: gzip_buffers number size

Default value: gzip_buffers 4 4k/8k

Scope: http, server, location

Description: Set the system to obtain several units of cache for storing the gzip compression result data stream. 4 16k means to apply for memory in units of 16k and 4 times the original data size in units of 16k.

4) gzip_comp_level

Syntax: gzip_comp_level 1..9

Default value: gzip_comp_level 1

Scope: http, server, location

Description: gzip compression ratio, 1 has the smallest compression ratio and the fastest processing speed, 9 has the largest compression ratio but the slowest processing (fast transmission but consumes more CPU). Here it is set to 5.

5) gzip_types

Syntax: gzip_types mime-type [mime-type ...]

Default value: gzip_types text/html

Scope : http, server, location

Description: Match the mime type for compression, (whether specified or not) the "text/html" type will always be compressed. This is set to application/x-javascript text/css application/xml.

There are commonly used static types, depending on the situation you need to compress:

text/html
text/plain
text/css
application/x-javascript
text/javascript
application/xml

ok, the basic server has been configured here, nginx only needs to reload.

Let’s test how to use curl to test that gzip has been turned on on the server (the test condition is the default gzip_types, that is, only text.html is compressed, and other types are not compressed):

Check whether it is turned on gzip, the client needs to add: "accept-encoding: gzip, deflate" header information.

$ curl -i -h "accept-encoding: gzip, deflate" "http://localhost/tag.php"

http/1.1 200 ok
server: nginx
date: thu, 08 mar 2012 07:23:46 gmt
content-type: text/html
connection: close
content-encoding: gzip

$ curl -i -h "accept-encoding: gzip, deflate" "http://localhost/style.css"

http/1.1 200 ok
server: nginx
date: thu, 08 mar 2012 07:23:54 gmt
content-type: text/css
connection: close
last-modified: tue, 27 dec 2011 10:00:51 gmt
etag: "bc612352322d435769c4bdc03ddb2572"
content-length: 22834

You can see it. The second example is not compressed.

The above is the detailed content of How to configure GZip compression when a Node.js site uses Nginx as a reverse proxy. For more information, please follow other related articles on the PHP Chinese website!