轉載：http://www.phperz.com/article/16/0426/215275.html

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。

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

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

OK，到這裡基本服務端已經配置完畢，Nginx 只需要 reload 一下即可。

下面來測試一下，用 curl 來如何測試服務端已經開啟 gzip（測試條件是預設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

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

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝下一篇＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

開啟網站的 gzip 壓縮功能，通常可以高達70%，也就是說，如果你的網頁有30K，壓縮之後就變成9K， 對於大部分網站，顯然可以明顯提高瀏覽速度（注：需要瀏覽器支援）。

nodejs + express

對於 nodejs + express 框架，啟用方法非常簡單，啟用 compress() 中介軟體即可， 通過 gzip / deflate 壓縮響應資料，這個中介軟體應該放置在所有的中介軟體最前面以保證所有的返回都是被壓縮的。

程式碼如下：

app.use(express.logger());
app.use(express.compress());
app.use(express.static(__dirname + '/html'));
app.use(express.methodOverride());
app.use(express.bodyParser());

nginx

編輯 nginx 的配置檔案

sudo vi /etc/nginx/nginx.conf

在 Gzip Settings 中加入如下設定：

##
# Gzip Settings
##

gzip on;
gzip_min_length 1k;
gzip_buffers 4 16k;
gzip_comp_level 5;
gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php;

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" 型別總是會被壓縮的。這裡設定為 text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php。