一、背景介紹
歷史遺留問題，在專案建立初期前端力量薄弱，**大部分image、js、css與業務應用存放在一起，未上傳到cdn中，最終導致**訪問緩慢，經過排查由於靜態資源大量消耗頻寬。接下來介紹通過nginx的gzip對靜態資源進行壓縮，減少頻寬消耗。
二、gzip
gzip是gnu zip的縮寫，它是乙個gnu自由軟體的檔案壓縮程式，用.gz結尾
nginx中gzip壓縮功能由ngx_http_gzip_module模組支援，ngx_http_gzip_module在nginx中預設安裝，但gzip壓縮預設是關閉狀態，需要手動開啟。
gzip 開啟後會在伺服器端對指定資源進行壓縮後，傳輸到客戶端由瀏覽器進行解壓縮(目前大部分瀏覽器都支援gzip解壓縮)，在壓縮和解壓縮過程中都需要cpu支援。由於gzip對檔案的壓縮率非常高，可壓縮40%~80%之間(壓縮後是原來的20%~60%大小)，對**載入速度的提高非常可觀。
三、gzip配置說明
types7) gzip_vary on;http頭聯合使用，加個vary頭，給**伺服器用的，有的瀏覽器支援壓縮，有的不支援，所以避免浪費不支援的也壓縮，所以根據客戶端的http頭來判斷，是否需要壓縮
8) gzip_disable "msie [1-6]\.";禁用ie1-6版本使用gzip壓縮
四、gizp 配置案例
location ~* \.(jpg|jpeg|gif|png|ico|css|js)$五、gzip開啟驗證
chrome f12 除錯
1) 開啟gzip壓縮結果
2) 不開啟gzip壓縮結果
nginx開啟gzip壓縮
最近研究vue有點上道了,打包了乙個demo扔到測試伺服器上練練部署和調優,記錄一下nginx開啟gzip壓縮的方法 修改nginx站點的配置檔案 sudo vim etc nginx sites enabled default.conf 配置修改如下,注意nginx配置檔案語法要求每行末尾必須以 ...
Nginx 開啟Gzip壓縮的方法
將下面 貼上入nginx.conf檔案的http段 重啟nginx即可 下面詳細講解各個配置說明 gzip on 該指令用於開啟或關閉gzip模組 on off gzip min length 1k 設定允許壓縮的頁面最小位元組數，頁面位元組數從header頭得content length中進行獲取...
開啟gzip壓縮
前端gzip壓縮一直都是必備的，簡單又能能壓縮不少的檔案體積，用了好久了今天記錄一下。我們伺服器用的nginx，進入伺服器下nginx.conf檔案，gzip on gzip min length 1k gzip buffers 4 16k gzip comp level 4 壓縮程度，1 9，建議...