一、簡介

gzip是一種改進(jìn)web應(yīng)用程序性能的技術(shù)，文件壓縮后再傳輸可以減少傳輸數(shù)據(jù)，提升傳輸速度。

在Nginx服務(wù)器上開啟Gzip壓縮可以有效減少網(wǎng)絡(luò)傳輸流量，提升網(wǎng)站性能。

是否支持gzip

服務(wù)端將響應(yīng)頭設(shè)置上 Content-encoding: gzip，表示當(dāng)前資源會(huì)使用 gzip 壓縮，提示客戶端解壓使用。

當(dāng)然前提是客戶端支持該壓縮算法，服務(wù)端會(huì)通過客戶端發(fā)送的請求頭中的 Accept-Encoding 字段來確定是否支持。

什么樣的數(shù)據(jù)需要用Gzip壓縮

Gzip壓縮適用于文本文件類型，特別是那些具有較高的重復(fù)性和冗余性的文件：

1. HTML文件：HTML文件通常包含大量的標(biāo)記和文本內(nèi)容，其中有很多重復(fù)的標(biāo)簽和文本片段。通過對(duì)HTML文件進(jìn)行Gzip壓縮，可以大大減少文件大小，提高傳輸效率。
2. CSS文件：CSS文件包含了網(wǎng)頁的樣式信息，其中包括選擇器、屬性和值等。由于CSS文件通常較大，并且具有大量的重復(fù)內(nèi)容，使用Gzip壓縮可以顯著減小文件大小。
3. JavaScript文件：JavaScript文件包含了網(wǎng)頁的交互邏輯和功能代碼。JavaScript文件通常較大，通過Gzip壓縮可以減少文件大小，提高加載速度。
4. JSON文件：JSON是一種常用的數(shù)據(jù)交換格式，用于在客戶端和服務(wù)器之間傳輸數(shù)據(jù)。由于JSON文件通常包含大量的文本數(shù)據(jù)，使用Gzip壓縮可以減少數(shù)據(jù)傳輸量，提高傳輸效率。
5. XML文件：XML文件用于存儲(chǔ)和傳輸結(jié)構(gòu)化數(shù)據(jù)，其中包含了標(biāo)簽、屬性和文本內(nèi)容。通過對(duì)XML文件進(jìn)行Gzip壓縮，可以減少文件大小，提高傳輸速度。

對(duì)于已經(jīng)經(jīng)過壓縮的文件（如圖片、音視頻文件等），再次使用Gzip壓縮通常不會(huì)帶來顯著的效果，甚至可能導(dǎo)致壓縮后的文件更大。

二、Nginx服務(wù)器配置

2.1 安裝和配置Nginx服務(wù)器

sudo apt-get update
sudo apt-get install nginx

2.2 開啟Gzip模塊

在Nginx配置文件中的http塊內(nèi)添加以下內(nèi)容：

http {
    gzip on;
    gzip_types text/plain application/javascript;
}

這里的gzip on表示開啟gzip壓縮，gzip_types指定需要進(jìn)行壓縮的文件類型，例如text/plain表示純文本文件，application/javascript表示JavaScript文件。

三、Gzip壓縮配置

3.1 壓縮文件類型配置

gzip_types用于指定需要進(jìn)行壓縮的文件類型，例如text/html表示HTML文件，text/css表示CSS文件，application/json表示JSON文件。

gzip_vary on表示在響應(yīng)頭中添加Vary字段，用于緩存服務(wù)器根據(jù)Accept-Encoding字段進(jìn)行緩存策略的選擇。

http {
    gzip_types text/html text/css application/json;
    gzip_vary on;
}

3.2 壓縮級(jí)別配置

gzip_comp_level用于指定壓縮級(jí)別，取值范圍為1-9，級(jí)別越高壓縮比越大，但壓縮時(shí)間也會(huì)增加。

http {
    gzip_comp_level 5;
}

3.3 壓縮緩沖配置

gzip_buffers用于指定壓縮時(shí)使用的緩沖區(qū)數(shù)量和大小，這里的配置表示使用16個(gè)緩沖區(qū)，每個(gè)緩沖區(qū)大小為8KB。

gzip_disable用于指定不使用gzip壓縮的瀏覽器，這里的配置表示禁止對(duì)IE6及以下版本進(jìn)行壓縮。

http {
    gzip_buffers 16 8k;
    gzip_disable "MSIE [1-6]\.(?!.*SV1)";
}

四、Gzip壓縮效果驗(yàn)證

開啟gzip壓縮后，可以通過瀏覽器的開發(fā)者工具來驗(yàn)證壓縮效果。

打開開發(fā)者工具的Network選項(xiàng)卡，選擇一個(gè)請求并查看其響應(yīng)頭，如果響應(yīng)頭中包含Content-Encoding: gzip，則表示該資源已經(jīng)使用gzip進(jìn)行了壓縮。

• 開啟前

• 開啟后

總結(jié)

文件大小縮小了一倍多，效果非常明顯

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論