gizp壓縮是一種http請求優化方式,通過減少檔案體積來提高載入速度。html、js、css檔案甚至json資料都可以用它壓縮,可以減小60%以上的體積。
webpack在打包時可以借助 compression webpack plugin 實現gzip壓縮,首先需要安裝該外掛程式:
在vue cli3.0 生成的專案裡,可在 vue.config.js 中按照如下方式進行配置:壓縮前後大小大致如下:npm i -d compression-webpack-plugin
生成的壓縮檔案以.gz為字尾:
一般瀏覽器都已支援.gz的資源檔案,在http請求的request headers 中能看到 accept-encoding:gzip
要使伺服器返回.gz檔案,還需要對伺服器進行配置,根據request headers的accept-encoding標籤進行鑑別,如果支援gzip就返回.gz檔案。over
更多專業前端知識,請上
【猿2048】www.mk2048.com
Vue CLI3 開啟gzip壓縮
gizp壓縮是一種http請求優化方式,通過減少檔案體積來提高載入速度。html js css檔案甚至json資料都可以用它壓縮,可以減小60 以上的體積。webpack在打包時可以借助 compression webpack plugin 實現gzip壓縮,首先需要安裝該外掛程式 npm i d ...
Vue CLI3 開啟gzip壓縮
gizp壓縮是一種http請求優化方式,通過減少檔案體積來提高載入速度。html js css檔案甚至json資料都可以用它壓縮,可以減小60 以上的體積。webpack在打包時可以借助 compression webpack plugin 實現gzip壓縮,首先需要安裝該外掛程式 npm i d ...
Vue CLI3 開啟gzip壓縮
歡迎捐贈 gizp壓縮是一種http請求優化方式,通過減少檔案體積來提高載入速度。html js css檔案甚至json資料都可以用它壓縮,可以減小60 以上的體積。webpack在打包時可以借助 compression webpack plugin 實現gzip壓縮,首先需要安裝該外掛程式 npm...