新聞中心
概覽

網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了紅旗免費建站歡迎大家使用!
做過web性能優(yōu)化的同學(xué),對性能優(yōu)化大殺器gzip應(yīng)該不陌生。瀏覽器向服務(wù)器發(fā)起資源請求,比如下載一個js文件,服務(wù)器先對資源進行壓縮,再返回給瀏覽器,以此節(jié)省流量,加快訪問速度。
瀏覽器通過HTTP請求頭部里加上Accept-Encoding,告訴服務(wù)器,“你可以用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);
服務(wù)端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();
- // 記得響應(yīng) 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');
服務(wù)端字符串gzip壓縮
代碼跟前面例子大同小異。這里采用了slib.gzipSync(str)對字符串進行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');
寫在后面
deflate壓縮的使用也差不多,這里就不贅述。更多詳細(xì)用法可參考官方文檔。
分享題目:Node基礎(chǔ):資源壓縮之zlib
網(wǎng)站鏈接:http://www.dlmjj.cn/article/copgopj.html


咨詢
建站咨詢
