天天看點

Node基礎:資源壓縮之zlib

Node基礎:資源壓縮之zlib

概覽

做過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

繼續閱讀