專案優化之關於gzip壓縮的問題

a.本地打包的時候產生gzip壓縮檔案

b.nginx 伺服器配置 開啟gzip壓縮

ⅰ vue.config.js中配置gzip:

const compressionplugin = require('compression-webpack-plugin') //gzip 壓縮的外掛程式

const productiongzipextensions = /\.(js|css|json|txt|html|ico|svg)(\?.*)?$/i; //要進行壓縮的檔案型別
// 配置gzip
configurewebpack: config => ))}
}

ⅱ nginx 中開啟gzip壓縮

gzip on; // 開啟gzip壓縮

gzip_disable 「msie6」; // 微軟ie6 低版本不適用gzip

gzip_static on; // 預設讀取本地gzip打包壓縮檔案

步驟：

1. 連線遠端伺服器

2. 跳轉
cd /etc/nginx
vim nginx.config
3. insert
gzip on;
gzip_disable "msie6"; 
gzip_static on; 
4. nginx -s reload 重啟nginx

Nginx優化之gzip壓縮

gzip配置的常用引數 gzip on off 是否開啟gzip gzip buffers 32 4k 16 8k 緩衝 壓縮在記憶體中緩衝幾塊?每塊多大?gzip comp level 1 9 推薦6 壓縮級別 級別越高,壓的越小,越浪費cpu計算資源 gzip disable 正則匹配ua 什麼...

Nginx的gzip壓縮實現效能優化

通過nginx的gzip模組開啟gzip壓縮功能，這樣nginx伺服器會根據配置的策略對傳送的內容進行壓縮，在使用者接收到返回內容之前對其進行處理，以壓縮後的資料展現給客戶。這樣不僅能夠提公升使用者感知體驗，也能節省出口頻寬。修改nginx配置檔案 預設路徑為 usr local nginx con...

網頁效能優化開啟Nginx的 gzip 壓縮功能

開啟 的 gzip 壓縮功能，通常可以高達70 也就是說，如果你的網頁有30k，壓縮之後就變成9k，對於大部分 顯然可以明顯提高瀏覽速度 注 需要瀏覽器支援 測試工具 google speed nginx 需先編譯gzip模組 編輯 nginx 的配置檔案 vi etc nginx nginx.co...