gzip压缩后会比原文件小多少

1 gzip的压缩效果是立竿见影的：

文章插图
2 网站是否开启gzip的查看方式
2.1 打开Chrome浏览器，按 F12打开调试面板
2.2 切换到network页签，在网络请求列表的表头，鼠标右键==>Response Headers==>Content Encoding

文章插图
这一栏如果显示gzip,证明启用了gzip压缩。

文章插图
3. gzip压缩方案
3.1 方案一前端打包构建时进行gzip压缩
3.1.1 安装插件compression-webpack-plugin
yarn add -D compression-webpack-plugin@5.0.1
3.1.2 在webpack中配置compression-webpack-plugin
【gzip压缩后会比原文件小多少】const CompressiOnPlugin= require('compression-webpack-plugin');
module.exports = {
plugins: [
new CompressionPlugin({
algorithm: 'gzip', // 使用gzip压缩
test: /\.js$|\.html$|\.css$/, // 匹配文件名
filename: '[path].gz[query]', // 压缩后的文件名(保持原文件名，后缀加.gz)
minRatio: 0.8, // 压缩率小于0.8才会压缩
threshold: 10240, // 对超过10k的数据压缩
deleteOriginalAssets: false, // 是否删除未压缩的源文件
}),
],
},
};
3.1.3 在Nginx中配置加载静态的本地gz文件
nginx 静态压缩需要使用 ngx_http_gzip_static_module 模块，nginx_http_gzip_static_module 模块允许发送扩展名为 .gz 的预压缩文件，而不是常规文件。默认情况下未构建此模块，应使用 --with-http_gzip_static_module 配置参数启用它。重新编译nginx，添加参数--with-http_gzip_static_module
./configure --with-http_gzip_static_module
然后修改 nginx.conf 配置文件：
http {
include mime.types;
default_type application/octet-stream;

gzip压缩后会比原文件小多少

推荐阅读

关于节约粮食的名言诗句关于节约粮食的名言和诗句

奋斗励志朋友圈句子励志短句致自己奋斗朋友圈

想发朋友圈表示心情不好的句子心情不好发朋友圈的句子心情短句

贝拉玻尿酸是合法的吗贝拉玻尿酸是进口的还是国产的

核桃仁做菜的菜谱，您知道桃仁脆溜鸡的做法

浅紫色显皮肤黑还是白

库伦旗景点

居家隔离和集中隔离的区别什么情况下要隔离28天

蝉蛹是什么

怎样能丰胸最安全有效