碼上歡樂
相關內容    簡體    繁體

Nginx開啟Gzip詳解

本文轉載自   查看原文   2018-08-16 17:54   7659 

最近生產上發生了一些問題，原先所有的靜態資源文件都是經過gzip壓縮的，然而這幾天突然都沒有壓縮了，經過一頓排查，發現是Nginx的配置有問題，借此機會詳細了解了Nginx的Gzip配置。

1. Nginx開啟Gzip

Nginx實現資源壓縮的原理是通過ngx_http_gzip_module模塊攔截請求，並對需要做gzip的類型做gzip，ngx_http_gzip_module是Nginx默認集成的，不需要重新編譯，直接開啟即可。

1.1 配置說明

Nginx開啟Gzip的配置如下：

# $gzip_ratio計算請求的壓縮率，$body_bytes_sent請求體大小 log_format main '$remote_addr - $remote_user [$time_local] "$host" - "$request" ' '$gzip_ratio - $body_bytes_sent - $request_time'; access_log logs/access.log main; # 開啟gzip gzip off; # 啟用gzip壓縮的最小文件，小於設置值的文件將不會壓縮 gzip_min_length 1k; # gzip 壓縮級別，1-9，數字越大壓縮的越好，也越占用CPU時間，后面會有詳細說明 gzip_comp_level 1; # 進行壓縮的文件類型。javascript有多種形式。其中的值可以在 mime.types 文件中找到。 gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png application/vnd.ms-fontobject font/ttf font/opentype font/x-woff image/svg+xml; # 是否在http header中添加Vary: Accept-Encoding，建議開啟 gzip_vary on; # 禁用IE 6 gzip gzip_disable "MSIE [1-6]\."; # 設置壓縮所需要的緩沖區大小 gzip_buffers 32 4k; # 設置gzip壓縮針對的HTTP協議版本 gzip_http_version 1.0;
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30

下面將逐條介紹下gzip的指令和參數配置。

1.2 參數詳解

gzip on

這個沒的說，打開或關閉gzip

Syntax: gzip on | off; Default: gzip off; Context: http, server, location, if in location
  • 1
  • 2
  • 3
  • 4
  • 5

gzip_buffers

設置用於處理請求壓縮的緩沖區數量和大小。比如32 4K表示按照內存頁（one memory page）大小以4K為單位（即一個系統中內存頁為4K），申請32倍的內存空間。建議此項不設置，使用默認值。

Syntax: gzip_buffers number size; Default: gzip_buffers 32 4k|16 8k; Context: http, server, location
  • 1
  • 2
  • 3
  • 4

gzip_comp_level

設置gzip壓縮級別，級別越底壓縮速度越快文件壓縮比越小，反之速度越慢文件壓縮比越大

Syntax: gzip_comp_level level; Default: gzip_comp_level 1; Context: http, server, location
  • 1
  • 2
  • 3
  • 4
  • 5

我們以一個大小為92.6K的腳本文件為例，如下所示。其中最后三個數值分別表示壓縮比、包大小、平均處理時間（使用ab壓測，100用戶並發下， ./ab -n 10000 -c 100 -H 'Accept-Encoding: gzip' http://10.27.180.75/jquery.js ）以及CPU消耗。

從這我們可以得出結論：

  1. 隨着壓縮級別的升高，壓縮比有所提高，但到了級別6后，很難再提高；
  2. 隨着壓縮級別的升高，處理時間明顯變慢；
  3. gzip很消耗cpu的性能，高並發情況下cpu達到100%

因此，建議：
一方面，不是壓縮級別越高越好，其實gzip_comp_level 1的壓縮能力已經夠用了，后面級別越高，壓縮的比例其實增長不大，反而很吃處理性能。
另一方面，壓縮一定要和靜態資源緩存相結合，緩存壓縮后的版本，否則每次都壓縮高負載下服務器肯定吃不住。

http://10.27.180.75/jquery.js gzip_comp_level 0: 0，94840, 63 [ms], 29% gzip_comp_level 1: 2.43，39005, 248 [ms], 100% gzip_comp_level 2: 2.51，37743, 273 [ms], 100% gzip_comp_level 3; 2.57，36849, 327 [ms], 100% gzip_comp_level 4; 2.73，34807, 370 [ms], 100% gzip_comp_level 5; 2.80，33898, 491 [ms], 100% gzip_comp_level 6; 2.82，33686, 604 [ms], 100% gzip_comp_level 7; 2.82，33626, 659 [ms], 100% gzip_comp_level 8; 2.82，33626, 698 [ms], 100% gzip_comp_level 9; 2.82，33626, 698 [ms], 100%
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

gzip_disable

通過表達式，表明哪些UA頭不使用gzip壓縮

Syntax: gzip_disable regex ...; Default: — Context: http, server, location This directive appeared in version 0.6.23.
  • 1
  • 2
  • 3
  • 4

gzip_min_length

當返回內容大於此值時才會使用gzip進行壓縮,以K為單位,當值為0時，所有頁面都進行壓縮。

Syntax: gzip_min_length length; Default: gzip_min_length 20; Context: http, server, location
  • 1
  • 2
  • 3
  • 4

gzip_http_version

用於識別http協議的版本，早期的瀏覽器不支持gzip壓縮，用戶會看到亂碼，所以為了支持前期版本加了此選項。默認在http/1.0的協議下不開啟gzip壓縮。

Syntax: gzip_http_version 1.0 | 1.1; Default: gzip_http_version 1.1; Context: http, server, location
  • 1
  • 2
  • 3
  • 4

我看網上的很多文章中，對這一點都覺得過時了，因為瀏覽器基本上都支持HTTP/1.1。然而這里面卻存在着一個很容易掉入的坑，也是筆者從生產環境中一個詭異問題中發現的：
問題背景：
筆者所在公司的靜態資源服務器全部使用的Nginx，且都開啟了gzip壓縮。內部測試是完全正常的，然而一到外網，居然沒有做gzip！
這里寫圖片描述
原因定位：
為什么這樣呢？
在應用服務器前，公司還有一層Nginx的集群作為七層負責均衡，在這一層上，是沒有開啟gzip的。
如果我們使用了proxy_pass進行反向代理，那么nginx和后端的upstream server之間默認是用HTTP/1.0協議通信的。
如果我們的Cache Server也是nginx，而前端的nginx沒有開啟gzip。
同時，我們后端的nginx上沒有設置gzip_http_version為1.0，那么Cache的url將不會進行gzip壓縮。
這里寫圖片描述
我相信，以后還有人會入坑，比如你用Apache ab做壓測，如果不是設置gzip_http_version為1.0，你也壓不出gzip的效果（同樣的道理）。希望寫在這里對大家有幫助

gzip_proxied

Nginx做為反向代理的時候啟用：

  • off – 關閉所有的代理結果數據壓縮
  • expired – 如果header中包含”Expires”頭信息，啟用壓縮
  • no-cache – 如果header中包含”Cache-Control:no-cache”頭信息，啟用壓縮
  • no-store – 如果header中包含”Cache-Control:no-store”頭信息，啟用壓縮
  • private – 如果header中包含”Cache-Control:private”頭信息，啟用壓縮
  • no_last_modified – 啟用壓縮，如果header中包含”Last_Modified”頭信息，啟用壓縮
  • no_etag – 啟用壓縮，如果header中包含“ETag”頭信息，啟用壓縮
  • auth – 啟用壓縮，如果header中包含“Authorization”頭信息，啟用壓縮
  • any – 無條件壓縮所有結果數據
Syntax: gzip_proxied off | expired | no-cache | no-store | private | no_last_modified | no_etag | auth | any ...; Default: gzip_proxied off; Context: http, server, location
  • 1
  • 2
  • 3
  • 4

gzip_types

設置需要壓縮的MIME類型,如果不在設置類型范圍內的請求不進行壓縮

Syntax: gzip_types mime-type ...; Default: gzip_types text/html; Context: http, server, location
  • 1
  • 2
  • 3
  • 4

這里需要說明一些特殊的類型，比如筆者公司會使用”字體類型”的資源，而這些資源類型往往會被忽略，且這些資源又比較大，沒有被壓縮很不合算。（可以參考：http://www.darrenfang.com/2015/01/setting-up-http-cache-and-gzip-with-nginx/）：
這里寫圖片描述
所以MIME-TYPE中應該新增字體類型：

字體類型擴展名 Content-type
.eot application/vnd.ms-fontobject
.ttf font/ttf
.otf font/opentype
.woff font/x-woff
.svg image/svg+xml

gzip_vary

增加響應頭”Vary: Accept-Encoding”

Syntax: gzip_vary on | off; Default: gzip_vary off; Context: http, server, location


免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 Vue開啟Gzip Nginx開啟Gzip nginx 開啟gzip壓縮 nginx開啟gzip的方法 如何開啟nginx gzip壓縮 Nginx開啟gzip壓縮功能 nginx 開啟靜態 gzip 配合 Vue 構建 Nginx 開啟gzip壓縮(圖片,文件,css) Nginx開啟gzip壓縮解決react打包文件過大 springboot開啟gzip壓縮 Nginx gzip參數詳解及常見問題（已解決）
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM