Node基础:资源压缩之zlib

简介:


概览

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

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

Accept-Encoding:gzip, deflate

那么,在nodejs里,是如何对资源进行压缩的呢?答案就是Zlib模块。

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

压缩的例子

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

 
  1. var fs = require('fs'); 
  2. var zlib = require('zlib'); 
  3. var gzip = zlib.createGzip(); 
  4. var inFile = fs.createReadStream('./extra/fileForCompress.txt'); 
  5. var out = fs.createWriteStream('./extra/fileForCompress.txt.gz'); 
  6. inFile.pipe(gzip).pipe(out);  

解压的例子

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

 
  1. var fs = require('fs'); 
  2. var zlib = require('zlib'); 
  3. var gunzip = zlib.createGunzip(); 
  4. var inFile = fs.createReadStream('./extra/fileForCompress.txt.gz'); 
  5. var outFile = fs.createWriteStream('./extra/fileForCompress1.txt'); 
  6. inFile.pipe(gunzip).pipe(outFile);  

服务端gzip压缩

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

  • 否:返回未压缩的文件。
  • 是:返回gzip压缩后的文件。
 
  1. var http = require('http'); 
  2. var zlib = require('zlib'); 
  3. var fs = require('fs'); 
  4. var filepath = './extra/fileForGzip.html'
  5.  
  6. var server = http.createServer(function(req, res){ 
  7.     var acceptEncoding = req.headers['accept-encoding']; 
  8.     var gzip; 
  9.      
  10.     if(acceptEncoding.indexOf('gzip')!=-1){    // 判断是否需要gzip压缩 
  11.          
  12.         gzip = zlib.createGzip(); 
  13.          
  14.         // 记得响应 Content-Encoding,告诉浏览器:文件被 gzip 压缩过 
  15.         res.writeHead(200, { 
  16.             'Content-Encoding''gzip' 
  17.         }); 
  18.         fs.createReadStream(filepath).pipe(gzip).pipe(res); 
  19.      
  20.     }else
  21.  
  22.         fs.createReadStream(filepath).pipe(res); 
  23.     } 
  24.  
  25. }); 
  26.  
  27. server.listen('3000');  

服务端字符串gzip压缩

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

 
  1. var http = require('http'); 
  2. var zlib = require('zlib'); 
  3.  
  4. var responseText = 'hello world'
  5.  
  6. var server = http.createServer(function(req, res){ 
  7.     var acceptEncoding = req.headers['accept-encoding']; 
  8.     if(acceptEncoding.indexOf('gzip')!=-1){ 
  9.         res.writeHead(200, { 
  10.             'content-encoding''gzip' 
  11.         }); 
  12.         res.end( zlib.gzipSync(responseText) ); 
  13.     }else
  14.         res.end(responseText); 
  15.     } 
  16.  
  17. }); 
  18.  
  19. server.listen('3000');  

写在后面

deflate压缩的使用也差不多,这里就不赘述。更多详细用法可参考官方文档


作者:程序猿小卡_casper

来源:51CTO

相关文章
|
7月前
|
缓存 JavaScript
Node.js安装教程【附安装包资源】
Node.js安装教程【附安装包资源】
100 0
|
10月前
|
JavaScript 安全
Node.js字蛛压缩字体Webfont的操作步骤
Node.js字蛛压缩字体Webfont的操作步骤
101 0
|
12月前
|
算法 JavaScript Java
Node内置模块 【压缩zlib模块】
Node内置模块 【压缩zlib模块】
581 0
|
JavaScript
Node.js:base62实现长数字压缩为短字符串
Node.js:base62实现长数字压缩为短字符串
301 0
|
JavaScript Unix 应用服务中间件
Node.js服务器启用Gzip压缩
Node.js服务器如何启用Gzip压缩
256 0
Node.js服务器启用Gzip压缩
|
JavaScript 前端开发
node.js 学习入门(01 - node.js基础)
node.js 学习入门(01 - node.js基础)
node.js 学习入门(01 - node.js基础)
node编译TS时,tsconfig.json中的基础配置 与 webpack编译TS时webpack.config.js中的基础配置
node编译TS时,tsconfig.json中的基础配置 与 webpack编译TS时webpack.config.js中的基础配置
|
设计模式
从0开发游戏引擎之引擎基础组件-Node类实现
从0开发游戏引擎之引擎基础组件-Node类实现
|
Web App开发 存储 JavaScript
开启前端全栈之路—— node 基础
能够和后端程序员更加紧密的配合。 网站业务逻辑前置,学习前端技术需要后端技术支撑(Ajax)。 扩展知识视野,能够站在更高的角度审视整个项目。
117 0
开启前端全栈之路—— node 基础
|
存储 算法 JavaScript
Node.js基础常用知识点全总结(五)
Node.js基础常用知识点全总结
165 0
Node.js基础常用知识点全总结(五)