概覽
做過web性能優化的同學,對性能優化大殺器gzip應該不陌生。浏覽器向伺服器發起資源請求,比如下載下傳一個js檔案,伺服器先對資源進行壓縮,再傳回給浏覽器,以此節省流量,加快通路速度。
浏覽器通過http請求頭部裡加上accept-encoding,告訴伺服器,“你可以用gzip,或者defalte算法壓縮資源”。
accept-encoding:gzip, deflate
那麼,在nodejs裡,是如何對資源進行壓縮的呢?答案就是zlib子產品。
入門執行個體:簡單的壓縮/解壓縮
壓縮的例子
非常簡單的幾行代碼,就完成了本地檔案的gzip壓縮。
var fs = require('fs');
var zlib = require('zlib');
var gzip = zlib.creategzip();
var infile = fs.createreadstream('./extra/fileforcompress.txt');
var out = fs.createwritestream('./extra/fileforcompress.txt.gz');
infile.pipe(gzip).pipe(out);
解壓的例子
同樣非常簡單,就是個反向操作。
var gunzip = zlib.creategunzip();
var infile = fs.createreadstream('./extra/fileforcompress.txt.gz');
var outfile = fs.createwritestream('./extra/fileforcompress1.txt');
infile.pipe(gunzip).pipe(outfile);
服務端gzip壓縮
代碼超級簡單。首先判斷 是否包含 accept-encoding 首部,且值為gzip。
否:傳回未壓縮的檔案。
是:傳回gzip壓縮後的檔案。
var http = require('http');
var filepath = './extra/fileforgzip.html';
var server = http.createserver(function(req, res){
var acceptencoding = req.headers['accept-encoding'];
var gzip;
if(acceptencoding.indexof('gzip')!=-1){ // 判斷是否需要gzip壓縮
gzip = zlib.creategzip();
// 記得響應 content-encoding,告訴浏覽器:檔案被 gzip 壓縮過
res.writehead(200, {
'content-encoding': 'gzip'
});
fs.createreadstream(filepath).pipe(gzip).pipe(res);
}else{
fs.createreadstream(filepath).pipe(res);
}
});
server.listen('3000');
服務端字元串gzip壓縮
代碼跟前面例子大同小異。這裡采用了slib.gzipsync(str)對字元串進行gzip壓縮。
var responsetext = 'hello world';
if(acceptencoding.indexof('gzip')!=-1){
res.end( zlib.gzipsync(responsetext) );
res.end(responsetext);
寫在後面
作者:程式猿小卡_casper
來源:51cto