.jpg)
node.JS 開(kāi)發(fā)的站點(diǎn),如果你也是用了nginx實(shí)現(xiàn)反向代理.
那么在服務(wù)端可以輕松實(shí)現(xiàn) gzip 壓縮,讓站點(diǎn)瀏覽更順暢.
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ú)立拿出來(lái)了.
所以首先需要你 rquire(‘compression’)
點(diǎn)擊這里查看express 3.5 和 express 4.0 的主要區(qū)別
node.js 需要做的工作就是這么簡(jiǎn)單.
nginx 需要做的工作:
打開(kāi)nginx配置文件,修改配置,開(kāi)啟 gzip 開(kāi)關(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
語(yǔ)法：gzip on/off
默認(rèn)值：off
說(shuō)明：開(kāi)啟或者關(guān)閉 gzip 模塊，這里使用 on 表示啟動(dòng)
2) gzip_min_length
語(yǔ)法：gzip_min_length length
默認(rèn)值：gzip_min_length 0
作用域：http, server, location
說(shuō)明：設(shè)置允許壓縮的頁(yè)面最小字節(jié)數(shù)，頁(yè)面字節(jié)數(shù)從header頭中的content-length中進(jìn)行獲取。默認(rèn)值是0，不管頁(yè)面多大都?jí)嚎s。建議設(shè)置成大于1k的字節(jié)數(shù)，小于1k可能會(huì)越壓越大。|
3) gzip_buffers
語(yǔ)法: gzip_buffers number size
默認(rèn)值: gzip_buffers 4 4k/8k
作用域: http, server, location
說(shuō)明：設(shè)置系統(tǒng)獲取幾個(gè)單位的緩存用于存儲(chǔ)gzip的壓縮結(jié)果數(shù)據(jù)流。4 16k 代表以 16k 為單位，按照原始數(shù)據(jù)大小以 16k 為單位的4倍申請(qǐng)內(nèi)存。
4) gzip_comp_level
語(yǔ)法: gzip_comp_level 1..9
默認(rèn)值: gzip_comp_level 1
作用域: http, server, location
說(shuō)明：gzip壓縮比，1 壓縮比最小處理速度最快，9 壓縮比最大但處理最慢（傳輸快但比較消耗cpu）。這里設(shè)置為 5。
5) gzip_types
語(yǔ)法: gzip_types mime-type [mime-type …]
默認(rèn)值: gzip_types text/html
作用域: http, server, location
說(shuō)明：匹配mime類(lèi)型進(jìn)行壓縮，（無(wú)論是否指定）”text/html” 類(lèi)型總是會(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 一下即可。
下面來(lái)測(cè)試一下，用 cURL 來(lái)如何測(cè)試服務(wù)端已經(jīng)開(kāi)啟 gzip（測(cè)試條件是默認(rèn)gzip_types，即只壓縮 text.html ，其他 type 未壓縮）：
查看是否開(kāi)啟gzip，需要客戶(hù)端加入：”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
可以看出來(lái)了把。第二個(gè)示例沒(méi)有被壓縮。
.png)
