nginx如何開(kāi)啟gzip來(lái)壓縮網(wǎng)頁(yè)文件提高網(wǎng)站速度?要知道網(wǎng)站的打開(kāi)速度取決于瀏覽器打開(kāi)下載的網(wǎng)頁(yè)文件大小。如果傳輸的頁(yè)面內容文件減少，那你網(wǎng)站的打開(kāi)速度一定會(huì )加快。特別是手機端的用戶(hù)，打開(kāi)網(wǎng)站速度受限于移動(dòng)端網(wǎng)絡(luò )，所以壓縮網(wǎng)站頁(yè)面內容顯得至關(guān)重要。

gzip是一種非常流行的數據壓縮方式。你可以在nginx配置中開(kāi)啟gzip來(lái)壓縮網(wǎng)頁(yè)文件。然后，這些文件又由瀏覽器解壓縮，文件不會(huì )受任何。但是壓縮文件是會(huì )占用服務(wù)器資源，所以最好壓縮那些效果比較好的文件。比如文本文件壓縮效果非常好，通常會(huì )縮小兩倍多。而JPG或PNG這類(lèi)文件，本身就已經(jīng)進(jìn)行格式壓縮，所以再做二次壓縮，效果并不是特別明顯。

本文主要講一下如何配置nginx來(lái)開(kāi)啟gzip壓縮。

環(huán)境：

ubuntu 20.04服務(wù)器

root權限或具有sudo特權的非root用戶(hù)

一、創(chuàng )建測試文件

在這一步中，我們將在默認的Nginx目錄中創(chuàng )建幾個(gè)測試文件。稍后我們將使用這些文件來(lái)檢查Nginx的默認行為是否進(jìn)行g(shù)zip壓縮，并測試配置更改是否具有預期的效果。

首先，創(chuàng )建幾個(gè)測試文件，這些文件主要用來(lái)查看我們的gzip壓縮效果。gzip是不會(huì )分析文件內容的，它主要通過(guò)文件擴展名來(lái)判斷文件類(lèi)型，如果還分析文件內容，那整個(gè)效率就會(huì )大大降低。所以我們可以創(chuàng )建一些圖像文件、html文件和一些樣式文件。

sudo truncate -s 1k /var/www/html/test.html

sudo truncate -s 1k /var/www/html/test.jpg

sudo truncate -s 1k /var/www/html/test.css

sudo truncate -s 1k /var/www/html/test.js

下一步是檢查Nginx在使用我們剛創(chuàng )建的文件在全新安裝中壓縮請求的文件時(shí)的行為。

二、命令方式查看壓縮效果

使用curl命令方式，添加標頭Accept-Encoding: gzip，來(lái)查看各文件的壓縮結果。

curl -H “Accept-Encoding: gzip” -I http://localhost/test.html

可以看到以下結果：

Output

HTTP/1.1 200 OK

Server: nginx/1.18.0 (Ubuntu)

Date: Tue, 09 Feb 2021 19:04:25 GMT

Content-Type: text/html

Last-Modified: Tue, 09 Feb 2021 19:03:41 GMT

Connection: keep-alive

ETag: W/”6022dc8d-400″

Content-Encoding: gzip

在最后一行，出現Content-Encoding: gzip字樣。說(shuō)明服務(wù)器正在用gzip壓縮來(lái)發(fā)送文件。默認情況下，nginx僅壓縮html文件。所有在這個(gè)命令中可以看到文件做了壓縮處理。但其它的文件格式，并未做壓縮處理。

可以通過(guò)下面這條命令來(lái)驗證我們剛才的說(shuō)法。

curl -H “Accept-Encoding: gzip” -I http://localhost/test.jpg

再看一下結果，和之前的有所不同：

Output

HTTP/1.1 200 OK

Server: nginx/1.18.0 (Ubuntu)

Date: Tue, 09 Feb 2021 19:05:49 GMT

Content-Type: image/jpeg

Content-Length: 1024

Last-Modified: Tue, 09 Feb 2021 19:03:45 GMT

Connection: keep-alive

ETag: “6022dc91-400”

Accept-Ranges: bytes

輸出結果中沒(méi)有出現Content-Encoding: gzip，這意味著(zhù)該文件并沒(méi)有做任何的壓縮。

你也可以使用這個(gè)方法來(lái)測試css等樣式文件。

curl -H “Accept-Encoding: gzip” -I http://localhost/test.css

結果一樣，沒(méi)有出現Content-Encoding: gzip

Output

HTTP/1.1 200 OK

Server: nginx/1.18.0 (Ubuntu)

Date: Tue, 09 Feb 2021 19:06:04 GMT

Content-Type: text/css

Content-Length: 1024

Last-Modified: Tue, 09 Feb 2021 19:03:45 GMT

Connection: keep-alive

ETag: “6022dc91-400”

Accept-Ranges: bytes

三、配置Nginx開(kāi)啟gzip功能

本節主要操作相關(guān)配置，讓gzip可以處理其它幾種文件格式的壓縮。

你可以使用nano或vim編輯nginx的配置文件。

sudo nano /etc/nginx/nginx.conf

找到gzip設置部分，如下所示：

/etc/nginx/nginx.conf

. . .

##

# `gzip` Settings

#

#

gzip on;

gzip_disable “msie6”;

# gzip_vary on;

# gzip_proxied any;

# gzip_comp_level 6;

# gzip_buffers 16 8k;

# gzip_http_version 1.1;

# gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;

. . .

因為我們用的是ubuntu 20.04。所以默認情況下，gzip是開(kāi)啟的。但有些設置無(wú)效，所以我們需要做一些修改：

通過(guò)取消注釋行前面的#來(lái)啟用其他設置(即，刪除#符號)

添加gzip_min_length 256;參數，該參數是告訴nginx，不要去壓縮小于256字節的文件，因為很小的文件沒(méi)有太必要。壓縮這類(lèi)文件反而影響服務(wù)器效率。

在gzip_types參數中添加其他文件類(lèi)型擴展名，這些文件類(lèi)型可以是Web字體，圖片、XML、JSON結構化數據或SVG圖片文件。

應用這些更改之后，設置部分應如下所示：

/etc/nginx/nginx.conf

. . .

##

# `gzip` Settings

#

#

gzip on;

gzip_disable “msie6”;

gzip_vary on;

gzip_proxied any;

gzip_comp_level 6;

gzip_buffers 16 8k;

gzip_http_version 1.1;

gzip_min_length 256;

gzip_types

application/atom+xml

application/geo+json

application/javascript

application/x-javascript

application/json

application/ld+json

application/manifest+json

application/rdf+xml

application/rss+xml

application/xhtml+xml

application/xml

font/eot

font/otf

font/ttf

image/svg+xml

text/css

text/javascript

text/plain

text/xml;

. . .

保存并關(guān)閉文件以退出。要啟用新配置，需要重新啟動(dòng)Nginx：

sudo systemctl restart nginx

四、確保所有的配置正確

重復之前的測試步驟，執行相應的命令請求：

curl -H “Accept-Encoding: gzip” -I http://localhost/test.html

因為html文件，之前已經(jīng)默認開(kāi)啟壓縮，所以這個(gè)命令執行結果保持不變：

Output

HTTP/1.1 200 OK

Server: nginx/1.18.0 (Ubuntu)

Date: Tue, 09 Feb 2021 19:04:25 GMT

Content-Type: text/html

Last-Modified: Tue, 09 Feb 2021 19:03:41 GMT

Connection: keep-alive

ETag: W/”6022dc8d-400″

Content-Encoding: gzip

然后我們來(lái)測試一下之前未壓縮的css樣式表，看看結果會(huì )有什么變化：

curl -H “Accept-Encoding: gzip” -I http://localhost/test.css

可以看到gzip正在壓縮文件：

Output

HTTP/1.1 200 OK

Server: nginx/1.18.0 (Ubuntu)

Date: Tue, 09 Feb 2021 19:21:54 GMT

Content-Type: text/css

Last-Modified: Tue, 09 Feb 2021 19:03:45 GMT

Connection: keep-alive

Vary: Accept-Encoding

ETag: W/”6022dc91-400″

Content-Encoding: gzip

我們可以用相同的方式測試一下jpg文件：

curl -H “Accept-Encoding: gzip” -I http://localhost/test.jpg

沒(méi)有看到gzip壓縮：

Output

HTTP/1.1 200 OK

Server: nginx/1.18.0 (Ubuntu)

Date: Tue, 09 Feb 2021 19:25:40 GMT

Content-Type: image/jpeg

Content-Length: 1024

Last-Modified: Tue, 09 Feb 2021 19:03:45 GMT

Connection: keep-alive

ETag: “6022dc91-400”

Accept-Ranges: bytes

因為在之前的配置中，我們并沒(méi)有添加 image/jpeg。

在這種情況下，我們已經(jīng)在Nginx中成功配置了gzip。

結論：

可以看出，gzip很容易配置，而且帶來(lái)的速度提升也非常明顯，搜索引擎也非常喜歡這類(lèi)加載方式，如果想提高搜索引擎的排名，增加gzip是非常有必要的。

更多資訊：更多資訊

本站發(fā)布的【nginx配置中開(kāi)啟gzip來(lái)壓縮網(wǎng)頁(yè)文件提高網(wǎng)站速度】?jì)热荩▓D片、視頻和文字）以原創(chuàng )、轉載和分享為主，文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)

如果涉及侵權請盡快告知,我們將會(huì )在第一時(shí)間立刻刪除涉嫌侵權內容，本站原創(chuàng )內容未經(jīng)允許不得轉載，或轉載時(shí)需注明出處。