Node.js站點(diǎn)怎么配置GZip壓縮

這篇文章主要介紹了Node.js站點(diǎn)怎么配置GZip壓縮的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇Node.js站點(diǎn)怎么配置GZip壓縮文章都會(huì)有所收獲，下面我們一起來看看吧。

node.js 開發(fā)的站點(diǎn),如果你也是用了nginx實(shí)現(xiàn)反向代理.

那么在服務(wù)端可以輕松實(shí)現(xiàn) gzip 壓縮,讓站點(diǎn)瀏覽更順暢.

前提條件: 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());

為了讓所有請(qǐng)求壓縮,所以 compress 放在上面.

express 4.0以上版本(包含4.0)

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

4.0以上版本把中間件獨(dú)立拿出來了.

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

點(diǎn)擊這里查看express 3.5 和 express 4.0 的主要區(qū)別

node.js 需要做的工作就是這么簡(jiǎn)單.

nginx 需要做的工作:

打開nginx配置文件,修改配置,開啟 gzip 開關(guān)

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

你自己服務(wù)器上的 nginx 不一定安裝在 /usr/local/ 目錄下,所以根據(jù)自己安裝目錄下查找 配置文件 nginx.conf

在 http 配置節(jié)點(diǎn)上加如下配置:

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 (
    //放上面配置節(jié)點(diǎn)  
)

每一個(gè)配置項(xiàng)表示什么含義呢?

1) gzip

語法：gzip on/off

默認(rèn)值：off

作用域：http, server, location

說明：開啟或者關(guān)閉 gzip 模塊，這里使用 on 表示啟動(dòng)

2) gzip_min_length

語法：gzip_min_length length

默認(rèn)值：gzip_min_length 0

作用域：http, server, location

說明：設(shè)置允許壓縮的頁面最小字節(jié)數(shù)，頁面字節(jié)數(shù)從header頭中的content-length中進(jìn)行獲取。默認(rèn)值是0，不管頁面多大都?jí)嚎s。建議設(shè)置成大于1k的字節(jié)數(shù)，小于1k可能會(huì)越壓越大。|

3) gzip_buffers

語法: gzip_buffers number size

默認(rèn)值: gzip_buffers 4 4k/8k

作用域: http, server, location

說明：設(shè)置系統(tǒng)獲取幾個(gè)單位的緩存用于存儲(chǔ)gzip的壓縮結(jié)果數(shù)據(jù)流。4 16k 代表以 16k 為單位，按照原始數(shù)據(jù)大小以 16k 為單位的4倍申請(qǐng)內(nèi)存。

4) gzip_comp_level

語法: gzip_comp_level 1..9

默認(rèn)值: gzip_comp_level 1

作用域: http, server, location

說明：gzip壓縮比，1 壓縮比最小處理速度最快，9 壓縮比最大但處理最慢（傳輸快但比較消耗cpu）。這里設(shè)置為 5。

5) gzip_types

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

默認(rèn)值: gzip_types text/html

作用域: http, server, location

說明：匹配mime類型進(jìn)行壓縮，（無論是否指定）"text/html" 類型總是會(huì)被壓縮的。這里設(shè)置為 application/x-javascript text/css application/xml。

常用的靜態(tài) type 有，看自己需要壓縮的情況而定：

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

ok，到這里基本服務(wù)端已經(jīng)配置完畢，nginx 只需要 reload 一下即可。

下面來測(cè)試一下，用 curl 來如何測(cè)試服務(wù)端已經(jīng)開啟 gzip（測(cè)試條件是默認(rèn)gzip_types，即只壓縮 text.html ，其他 type 未壓縮）：

查看是否開啟gzip，需要客戶端加入："accept-encoding: gzip, deflate" 頭信息。

$ 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

可以看出來了把。第二個(gè)示例沒有被壓縮。

關(guān)于“Node.js站點(diǎn)怎么配置GZip壓縮”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“Node.js站點(diǎn)怎么配置GZip壓縮”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。