前言

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

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

什么是gzip？

HTTP協(xié)議上的GZIP編碼是一種用來改進(jìn)WEB應(yīng)用程序性能的技術(shù)

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

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

減少文件大小有兩個(gè)明顯的好處：

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

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

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

gzip和zlib什么關(guān)系？

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

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

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

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

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

我們使用node搭建一個(gè)服務(wù)器，來演示我們傳遞數(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本質(zhì)就是一個(gè)可寫流
    readStream.pipe(res);
}).listen(3000, () => {
    console.log("服務(wù)器啟動(dòng)啦！");
});

這是一個(gè)簡單的node服務(wù)器，瀏覽器訪問它后，它會(huì)向我們返回一個(gè)index.html，這個(gè)index.html里的內(nèi)容大家隨便寫，寫的越多越好

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

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

運(yùn)行server.js文件，使用瀏覽器訪問node服務(wù)器：

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

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

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

const http = require("http");
const fs = require("fs");
// 導(dǎo)入內(nèi)置模塊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本質(zhì)就是一個(gè)可寫流
    // 在數(shù)據(jù)返回之前使用gzip壓縮數(shù)據(jù)
    readStream.pipe(gzip).pipe(res);
}).listen(3000, () => {
    console.log("服務(wù)器啟動(dòng)啦！");
});

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