為你的網站開啟gzip 壓縮功能(nodejs、nginx)

简介:坚持看书,每天进步一点点。 要常常提醒自己:无情的岁月,还有不够努力的自己!

來源: 為你的網站開啟gzip 壓縮功能(nodejs、nginx) —— 文翼的博客

 

 

開啟網站的gzip 壓縮功能,通常可以高達70%,也就是說,如果你的網頁有30K,壓縮之後就變成9K, 對於大部分網站,顯然可以明顯提高瀏覽速度(注:需要瀏覽器支持) 。

測試工具:google speed

nodejs + express

對於nodejs + express 框架,啟用方法非常簡單,啟用compress() 中間件即可, 通過gzip / deflate 壓縮響應數據,這個中間件應該放置在所有的中間件最前面以保證所有的返回都是被壓縮的。

代碼如下:

app.use(express.logger());
app.use(express.compress());
app.use(express.static(__dirname + '/html'));
app.use(express.methodOverride());
app.use(express.bodyParser());

nginx

編輯nginx 的配置文件

sudo vi /etc/nginx/nginx.conf

在Gzip Settings 中加入如下設置:

##
# Gzip Settings
##
gzip on;
gzip_min_length 1k;
gzip_buffers 4 16k;
gzip_comp_level 5;
gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php;

1) gzip

  • 語法:gzip on/off
  • 默認值:off
  • 作用域:http, server, location
  • 說明:開啟或者關閉gzip 模塊,這裡使用on 表示啟動

2) gzip_min_length

  • 語法:gzip_min_length length
  • 默認值:gzip_min_length 0
  • 作用域:http, server, location
  • 說明:設置允許壓縮的頁面最小字節數,頁面字節數從header頭中的Content-Length中進行獲取。默認值是0,不管頁面多大都壓縮。建議設置成大於1k的字節數,小於1k可能會越壓越大。|

3) gzip_buffers

  • 語法: gzip_buffers number size
  • 默認值: gzip_buffers 4 4k/8k
  • 作用域: http, server, location
  • 說明:設置系統獲取幾個單位的緩存用於存儲gzip的壓縮結果數據流。4 16k 代表以16k 為單位,按照原始數據大小以16k 為單位的4倍申請內存。

4) gzip_comp_level

  • 語法: gzip_comp_level 1..9
  • 默認值: gzip_comp_level 1
  • 作用域: http, server, location
  • 說明:gzip壓縮比,1 壓縮比最小處理速度最快,9 壓縮比最大但處理最慢(傳輸快但比較消耗cpu)。這裡設置為5。

5) gzip_types

  • 語法: gzip_types mime-type [mime-type …]
  • 默認值: gzip_types text/html
  • 作用域: http, server, location
  • 說明:匹配MIME類型進行壓縮,(無論是否指定)”text/html” 類型總是會被壓縮的。這裡設置為text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php。