摘要：做過(guò)web性能優(yōu)化的同學(xué)，對(duì)性能優(yōu)化大殺器gzip應(yīng)該不陌生。瀏覽器向服務(wù)器發(fā)起資源請(qǐng)求，比如下載一個(gè)js文件，服務(wù)器先對(duì)資源進(jìn)行壓縮，再返回給瀏覽器，以此節(jié)省流量，加快訪問(wèn)速度。瀏覽器通過(guò)HTTP請(qǐng)求頭部里加上Accept-Encoding，告訴服務(wù)器，“你可以用gzip，或者defalte算法壓縮資源”。概覽做過(guò)web性能優(yōu)化的同學(xué)，對(duì)性能優(yōu)化大殺器gzip應(yīng)該不陌生。瀏覽器向服務(wù)器發(fā)起資源請(qǐng)
做過(guò)web性能優(yōu)化的同學(xué)，對(duì)性能優(yōu)化大殺器gzip應(yīng)該不陌生。瀏覽器向服務(wù)器發(fā)起資源請(qǐng)求，比如下載一個(gè)js文件，服務(wù)器先對(duì)資源進(jìn)行壓縮，再返回給瀏覽器，以此節(jié)省流量，加快訪問(wèn)速度。瀏覽器通過(guò)HTTP請(qǐng)求頭部里加上Accept-Encoding，告訴服務(wù)器，“你可以用gzip，或者defalte算法壓縮資源”。
概覽
做過(guò)web性能優(yōu)化的同學(xué)，對(duì)性能優(yōu)化大殺器gzip應(yīng)該不陌生。瀏覽器向服務(wù)器發(fā)起資源請(qǐng)求，比如下載一個(gè)js文件，服務(wù)器先對(duì)資源進(jìn)行壓縮，再返回給瀏覽器，以此節(jié)省流量，加快訪問(wèn)速度。
瀏覽器通過(guò)HTTP請(qǐng)求頭部里加上Accept-Encoding，告訴服務(wù)器，“你可以用gzip，或者defalte算法壓縮資源”。
Accept-Encoding:gzip, deflate
那么，在nodejs里，是如何對(duì)資源進(jìn)行壓縮的呢?答案就是Zlib模塊。
入門(mén)實(shí)例：簡(jiǎn)單的壓縮/解壓縮
壓縮的例子
非常簡(jiǎn)單的幾行代碼，就完成了本地文件的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);解壓的例子
同樣非常簡(jiǎn)單，就是個(gè)反向操作。
var fs = require('fs');
var zlib = require('zlib');
var gunzip = zlib.createGunzip();
var inFile = fs.createReadStream('./extra/fileForCompress.txt.gz');
var outFile = fs.createWriteStream('./extra/fileForCompress1.txt');
inFile.pipe(gunzip).pipe(outFile);服務(wù)端gzip壓縮
代碼超級(jí)簡(jiǎn)單。首先判斷 是否包含 accept-encoding 首部，且值為gzip。
否：返回未壓縮的文件。
是：返回gzip壓縮后的文件。
var http = require('http');
var zlib = require('zlib');
var fs = require('fs');
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();
// 記得響應(yīng) Content-Encoding，告訴瀏覽器：文件被 gzip 壓縮過(guò)
res.writeHead(200, {
'Content-Encoding': 'gzip'
});
fs.createReadStream(filepath).pipe(gzip).pipe(res);
}else{
fs.createReadStream(filepath).pipe(res);
}
});
server.listen('3000');服務(wù)端字符串gzip壓縮
代碼跟前面例子大同小異。這里采用了slib.gzipSync(str)對(duì)字符串進(jìn)行g(shù)zip壓縮。
var http = require('http');
var zlib = require('zlib');
var responseText = 'hello world';
var server = http.createServer(function(req, res){
var acceptEncoding = req.headers['accept-encoding'];
if(acceptEncoding.indexOf('gzip')!=-1){
res.writeHead(200, {
'content-encoding': 'gzip'
});
res.end( zlib.gzipSync(responseText) );
}else{
res.end(responseText);
}
});
server.listen('3000');寫(xiě)在后面
deflate壓縮的使用也差不多，這里就不贅述。更多詳細(xì)用法可參考官方文檔。