前言

任何服務端開發(fā)都少不了性能優(yōu)化的操作，在前后端使用HTTP接口（API）進行數(shù)據(jù)傳遞時，如果傳遞數(shù)據(jù)量太大，勢必會造成請求超時或失敗。

nodejs為我們提供了一個zlib內置模塊，我們可以使用它其中的gzip方法來對傳遞的數(shù)據(jù)進行壓縮，從而提高數(shù)據(jù)傳遞效率。

什么是gzip？

HTTP協(xié)議上的GZIP編碼是一種用來改進WEB應用程序性能的技術

這一般是指服務器中安裝的一個功能，當有人來訪問這個服務器中的網(wǎng)站時，服務器中的這個功能就將網(wǎng)頁內容壓縮后傳輸?shù)絹碓L的電腦瀏覽器中顯示出來，一般對純文本內容可壓縮到原大小的40%

這樣傳輸就快了，效果就是你點擊網(wǎng)址后數(shù)據(jù)會很快的顯示出來，提高用戶體驗，當然這也會增加服務器的負載.，一般服務器中都安裝有這個功能模塊

減少文件大小有兩個明顯的好處：

• 一是可以減少存儲空間
• 二是通過網(wǎng)絡傳輸文件時，可以減少傳輸?shù)臅r間

我們在進行本地數(shù)據(jù)傳遞時，如果一個文件太大我們經(jīng)常會使用到文件壓縮技術（zip或rar等），將大文件壓縮成小文件進行傳遞，接收者再進行解壓即可，因為壓縮的速度一般是比較快的，這樣就能減少文件傳輸過程中的時間，從而提高效率

簡單來說，gzip其實就是一種用于服務端（后端）和客戶端（前端）之間壓縮數(shù)據(jù)的一種方法

gzip和zlib什么關系？

zlib是DEFLATE算法的實現(xiàn)庫，它的API同時支持gzip文件格式以及一個簡化的數(shù)據(jù)流格式

DEFLATE是同時使用了LZ77算法與哈夫曼編碼（Huffman Coding）的一個無損數(shù)據(jù)壓縮算法

gzip在HTTP壓縮，一種在萬維網(wǎng)中加速傳輸HTML和其他內容的技術

所以可以說zlib是在gzip的基礎上增加了一些內容，這也是為什么node中gzip方法是在zlib內置模塊中的原因

普通數(shù)據(jù)傳輸

我們使用node搭建一個服務器，來演示我們傳遞數(shù)據(jù)的普通方式：

server.js

const http = require("http");
const fs = require("fs");

http.createServer((req, res) => {
    res.writeHead(200, {
        "Content-Type": "text/html;charset=utf-8",
    });

    const readStream = fs.createReadStream("./index.html");
    // res本質就是一個可寫流
    readStream.pipe(res);
}).listen(3000, () => {
    console.log("服務器啟動啦！");
});

這是一個簡單的node服務器，瀏覽器訪問它后，它會向我們返回一個index.html，這個index.html里的內容大家隨便寫，寫的越多越好

這里也使用到了上一節(jié)我們講過的內置模塊fs中的stream流，需要注意的是，在node服務器中的res參數(shù)本質是一個可寫流，所以我們才能直接將res用于pipe管道中

如果你對node搭建服務器或者內置模塊fs的stream流不太了解的話，可以看我先前的文章：
Node.js 搭建后端服務器內置模塊( http+url+querystring 的使用)
Node.js 操作本地文件及深入了解fs內置模塊

運行server.js文件，使用瀏覽器訪問node服務器：

可以看到我這里傳遞的數(shù)據(jù)大小是97.6kb（這取決于你的index.html的內容）

gzip壓縮數(shù)據(jù)傳輸

我們使用gzip來改造一下上面普通數(shù)據(jù)傳輸?shù)睦樱?/strong>

const http = require("http");
const fs = require("fs");
// 導入內置模塊zlib
const zlib = require("zlib");
// 獲取gzip方法
const gzip = zlib.createGzip();
http.createServer((req, res) => {
    res.writeHead(200, {
        "Content-Type": "text/html;charset=utf-8",
        "Content-Encoding": "gzip", // 告訴瀏覽器我們是通過gzip壓縮的
    });

    const readStream = fs.createReadStream("./index.html");
    // res本質就是一個可寫流
    // 在數(shù)據(jù)返回之前使用gzip壓縮數(shù)據(jù)
    readStream.pipe(gzip).pipe(res);
}).listen(3000, () => {
    console.log("服務器啟動啦！");
});

"Content-Encoding": "gzip", // 告訴瀏覽器我們是通過gzip壓縮的