1. 程式人生 > >前端頁面加載速度優化---Ngnix之GZIP壓縮

前端頁面加載速度優化---Ngnix之GZIP壓縮

文件的 header 寫上 反向代理 實現 怎麽 加載 stat 前端

gzip on; #開啟Gzip
gzip_static on;#是否開啟gzip靜態資源 #nginx對於靜態文件的處理模塊,該模塊可以讀取預先壓縮的gz文件,這樣可以減少每次請求進行gzip壓縮的CPU資源消耗。該模塊啟用後,nginx首先檢查是否存在請求靜態文件的gz結尾的文件,如果有則直接返回該gz文件內容。為了要兼容不支持gzip的瀏覽器,啟用gzip_static模塊就必須同時保留原始靜態文件和gz文件。這樣的話,在有大量靜態文件的情況下,將會大大增加磁盤空間。我們可以利用nginx的反向代理功能實現只保留gz文件。
gzip_min_length 1k; #不壓縮臨界值,大於1K的才壓縮,一般不用改
gzip_buffers 
4 16k; #buffer,就是,嗯,算了不解釋了,不用改 #gzip_http_version 1.0; // 用了反向代理的話,末端通信是HTTP/1.0,有需求的應該也不用看我這科普文了;有這句的話註釋了就行了,默認是HTTP/1.1 gzip_comp_level 2; # 壓縮級別,1-10,數字越大壓縮的越好,時間也越長! gzip_types text/plain application/x-javascript application/javascript text/javascript text/css application/xml application/x-httpd-php image/jpeg image/gif image/png; # 進行壓縮的文件類型,缺啥補啥就行了,JavaScript有兩種寫法,最好都寫上吧,總有人抱怨js文件沒有壓縮,其實多寫一種格式就行了 gzip_vary off; #跟Squid等緩存服務有關,on的話會在Header裏增加
"Vary: Accept-Encoding",我不需要這玩意,自己對照情況看著辦吧 gzip_disable "MSIE [1-6]\."; #IE6對Gzip不怎麽友好,不給它Gzip了

驗證:

啟用壓縮後可以采用瀏覽器F12開發模式進行驗證,或者登陸如下地址:

http://pagespeed.webkaka.com/

技術分享圖片

前端頁面加載速度優化---Ngnix之GZIP壓縮