• Node之文件压缩模块-zlib


    原文地址

    简介

    做过web性能优化的同学,对性能优化大杀器gzip应该不陌生。浏览器向服务器发起资源请求,比如下载一个js文件,服务器先对资源进行压缩,再返回给浏览器,以此节省流量,加快访问速度。

    浏览器通过HTTP请求头部里加上Accept-Encoding,告诉服务器,“你可以用gzip,或者defalte算法压缩资源”。

    Accept-Encoding:gzip, deflate

    入门实例:简单的压缩/解压缩

    压缩的例子

    --非常简单的几行代码,就完成了本地文件的gzip压缩。

    let fs = require('fs')
    let zlib = require('zlib')
    
    let gzip = zlib.createGzip()
    
    let inFile = fs.createReadStream('./1.zlib.md')
    let outFile = fs.createWriteStream('./1.zlib.md.gz')
    
    inFile.pipe(gzip).pipe(outFile)
    
    

    解压的例子

    同样非常简单,就是个反向操作。

    let fs = require('fs')
    let zlib = require('zlib')
    
    let gunzip = zlib.createGunzip()
    
    let inFile = fs.createReadStream('./1.zlib.md.gz')
    let outFile = fs.createWrieStream('./1.zlib.md')
    
    inFile.pipe(gunzip).pipe(outFile)
    
    

    服务端gzip压缩

    代码超级简单。首先判断 是否包含 accept-encoding 首部,且值为gzip。

    • 否:返回未压缩的文件。
    • 是:返回gzip压缩后的文件。
      let http = require('http')
      let zlib = require('zlib')
      let fs = require('fs')
    
      let server = http.createServer((req, res) => {
        let acceptEncoding = req.headers['accept-encoding'];
        var gzip;
        // 判断是否需要gzip压缩
        if(acceptEncoding.indexOf('gzip') != -1) {
          gzip = zlib.createGzip();
          // 记得响应 Content-Encoding,告诉浏览器:文件被 gzip 压缩过
          res.writeHead(200, {
            'content-encoding': 'gzip'
          });
          fs.createReadStream(fllepath).pipe(gzip).pipe(res)
        } else {
          fs.createReadStream(filePath).pipe(res)
        }
      })
    
      server.listen('3000')
    

    服务端字符串gzip压缩

    代码跟前面例子大同小异。这里采用了 zlib.gzipSync(str) 对字符串进行gzip压缩。

    let http = require('http');
    let zlib = require('zlib');
    
    let responseText = 'hello world';
    
    let server = http.createServer(function(req, res){
        let  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');
    
  • 相关阅读:
    还有为window.close()方法弹出的询问窗口烦?
    ValidateTextBox发布绝对实用
    面向对象设计的11个原则
    关于建立控件、组件开发团队,有兴趣的网友请留言
    存储过程和触发器要使用链接服务器时要注意的一点
    “这块布的艺术成分都几高唧!”“有几高啊?”“三、四层楼那么高啦。”
    有没有人用过负离子发生器?
    摇滚你的页面。Free:RockUControl控件发布,开源:RevealTransitionImage
    控件开发团队序言及加入说明
    一些平时能用到的CSS效果(ZT+YC)
  • 原文地址:https://www.cnblogs.com/Jiangchuanwei/p/10508267.html
Copyright © 2020-2023  润新知