Nginx開啟Gzip壓縮,使你的網頁急速加載

Nginx CSS 瀏覽器 JSON 中央處理器 HTML XML 技術大咖秀 2019-05-24

在APP或網站的實際應用中,帶寬、流量永遠是個繞不開的話題,有時候適當的壓縮傳輸的文件會對APP或網站的性能有極大的提升。Nginx就提供了Gzip壓縮功能,這裡我們直接先看配置和效果,最後再講下詳細的參數設置。

Nginx開啟Gzip壓縮,使你的網頁急速加載

一、nginx.conf

具體配置如下,其中

Nginx開啟Gzip壓縮,使你的網頁急速加載

二、壓縮效果

我們從中找個css文件對比下,

1、原文件大小

Nginx開啟Gzip壓縮,使你的網頁急速加載

2、壓縮後文件變小了

Nginx開啟Gzip壓縮,使你的網頁急速加載

三、參數優化

1、gzip on|off

開啟或者關閉 gzip 模塊,作用域為 http, server, location。

2、gzip_buffers 4 32K| 4 16K

設置系統獲取幾個單位的緩存用於存儲gzip的壓縮結果數據流,比如4 32K表示申請了4塊內存,每塊32K。

3、gzip_comp_level 1..9

壓縮比,1~9,數值越大壓縮比例越高,壓縮比例越高越消耗CPU。可根據實際情況自主選擇,推薦6。

4、gzip_min_length 200

設置允許壓縮的頁面最小字節數,建議設置成大於1k的字節數,小於1k可能會越壓越大。

5、gzip_http_version 1.0|1.1

識別http協議版本(默認為1.1),主要用於判斷瀏覽器是否支持壓縮,現在絕大部分瀏覽器都已支持,可不做特殊設置。

6、gzip_proxied

Nginx作為反向代理的時候啟用,開啟或者關閉後端服務器返回的結果,匹配的前提是後端服務器必須要返回包含"Via"的 header頭。

7、gzip_types text/css

對哪些類型的文件壓縮, 默認text/html, 還可以指定對js,css,txt,xml,json等類型文件壓縮。

8、gzip_vary on|off

是否顯示gzip壓縮標誌。

好了,大體就是上面的幾個參數了,大家可以嘗試下效果。

相關推薦

推薦中...