Node基礎：資源壓縮之zlib

本文摘錄自《Nodejs學習筆記》，更多章節及更新，請訪問 github主頁地址。

概覽

作過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 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);

服務端gzip壓縮

代碼超級簡單。首先判斷 是否包含 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();
        
        // 記得響應 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 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');

寫在後面

deflate壓縮的使用也差很少，這裏就不贅述。更多詳細用法可參考官方文檔。