Nginx開啓Gzip詳解

最近生產上發生了一些問題,原先全部的靜態資源文件都是通過gzip壓縮的,然而這幾天忽然都沒有壓縮了,通過一頓排查,發現是Nginx的配置有問題,藉此機會詳細瞭解了Nginx的Gzip配置。javascript

1. Nginx開啓Gzip

Nginx實現資源壓縮的原理是經過ngx_http_gzip_module模塊攔截請求,並對須要作gzip的類型作gzip,ngx_http_gzip_module是Nginx默認集成的,不須要從新編譯,直接開啓便可php

1.1 配置說明

Nginx開啓Gzip的配置以下:css

# $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的指令和參數配置。html

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倍的內存空間。建議此項不設置,使用默認值。java

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

gzip_comp_level

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

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消耗。nginx

從這咱們能夠得出結論:後端

  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 
相關文章
相關標籤/搜索