nginx 压缩功能,能减少文件的网络传输时间、也节省了所需要的带宽。压缩html、js、json、css、png等,可高达70%左右,单页应用提速效果明显。
- gzip压缩需要 前端 服务器同时配置 这里前端使用vue为例
// 首先安装插件 npm install --save-dev compression-webpack-plugin
// vue.config.js中配置
const CompressionWebpackPlugin = require('compression-webpack-plugin');
const productionGzipExtensions = ['js', 'css', 'html'];
module.export = {
configureWebpack: {
plugins: [
new CompressionWebpackPlugin({
filename: '[path].gz[query]',
algorithm: 'gzip',
test: new RegExp(
'\.(' + productionGzipExtensions.join('|') + ')$'
),
threshold: 10240, // 只有大小大于该值才会被处理
minRatio: 0.8, // 压缩率小于这个值的资源才会被处理
deleteOriginalAssets: false, // 删除原文件
})
]
},
}