webpack 开启gzip压缩

谁借莪１个温暖的怀抱￠ 2022-11-28 13:25 615阅读 0赞

开启gzip压缩可以有效压缩资源体积，压缩比率在3到10倍左右，可以大大节省服务器的网络带宽，提高资源获取的速度，但需要注意的是：**并不是经过gzip压缩之后，所有文件都会变小。根据gzip使用的算法特性，代码相似率越大压缩效率越高**

> Webpack 配置

const CompressionWebpackPlugin = require('compression-webpack-plugin');
    
    {
        plugins: [
            new CompressionWebpackPlugin({
                // options
            })
        ]
    }

> Nginx 配置

#开启和关闭gzip模式
        gzip on|off;
        
        #gizp压缩起点，文件大于1k才进行压缩
        gzip_min_length 1k;
        
        # gzip 压缩级别，1-9，数字越大压缩的越好，也越占用CPU时间
        gzip_comp_level 5;
        
        # 进行压缩的文件类型。
        gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript ;
        
        #nginx对于静态文件的处理模块，开启后会寻找以.gz结尾的文件，直接返回，不会占用cpu进行压缩，如果找不到则不进行压缩
        gzip_static on|off
        
        # 是否在http header中添加Vary: Accept-Encoding，建议开启
        gzip_vary on;
    
        # 设置压缩所需要的缓冲区大小，以4k为单位，如果文件为7k则申请2*4k的缓冲区 
        gzip_buffers 2 4k;
    
        # 设置gzip压缩针对的HTTP协议版本
        gzip_http_version 1.1;

> 验证方式

`Response Headers` 中可以看到 `Content-Encoding: gzip`

发表评论取消回复

表情：

评论列表（有 0 条评论，615人围观）

还没有评论，来说两句吧...

相关阅读

相关 webpack 开启gzip压缩

开启gzip压缩可以有效压缩资源体积，压缩比率在3到10倍左右，可以大大节省服务器的网络带宽，提高资源获取的速度，但需要注意的是：并不是经过gzip压缩之后，所有文件都会变小。

谁借莪１个温暖的怀抱￠/ 2022年11月28日 13:25/ 0 赞/ 616 阅读

相关 Vue CLI 开启gzip压缩

gizp压缩是一种http请求优化方式，通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩，可以减小60%以上的体积。 webpack

墨蓝/ 2022年09月07日 09:06/ 0 赞/ 228 阅读

相关【Nginx】Nginx开启gzip压缩

在服务器Nginx开启gzip压缩是优化网站性能的方法之一，可以有效减少服务器带宽的消耗，缺点是会增大CPU的占用率，但是很多时候CPU往往是空闲最多的。引用nginx官网

客官°小女子只卖身不卖艺/ 2022年07月14日 14:59/ 0 赞/ 247 阅读

相关【Nginx】Nginx开启gzip压缩

在服务器Nginx开启gzip压缩是优化网站性能的方法之一，可以有效减少服务器带宽的消耗，缺点是会增大CPU的占用率，但是很多时候CPU往往是空闲最多的。引用nginx官网

古城微笑少年丶/ 2022年07月14日 14:59/ 0 赞/ 271 阅读

相关 nginx开启网页压缩--Gzip

1.更改nginx配置文件 vim /data/webserve/nginx/conf/nginx.conf //找到gzip on这一行，并屏蔽注释，进行修

- 日理万妓/ 2022年06月18日 10:46/ 0 赞/ 241 阅读

相关 nginx 开启 gzip压缩、https记忆

安装网站LNMP架构，开启 gzip 节省资源带宽，HTTPS让用户浏览器记忆：修改 `vim /etc/nginx/nginx.conf` gzip on;

矫情吗；*/ 2022年06月08日 02:42/ 0 赞/ 246 阅读

相关 nginx开启gzip压缩

在网上查了很多资料，大家都是这么说的： gzip on; gzip_min_length 1k; gzip_buffers 4 16k

超、凢脫俗/ 2022年05月20日 08:10/ 0 赞/ 258 阅读

相关 nginx 开启gzip压缩

gzip on; 开启Gzip gzip_min_length 1k; 不压缩临界值，大于1K的才压缩，一般不用改 gzip_buffers

蔚落/ 2022年02月23日 04:54/ 0 赞/ 312 阅读

相关 Feign开启GZIP压缩实战

一 pom文件 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3

「爱情、让人受尽委屈。」/ 2021年07月25日 01:26/ 0 赞/ 472 阅读

相关 resin开启gzip压缩

在web.xml中添加如下内容： <filter filter-name="gzip" filter-class="com.caucho.filters.GzipFi

亦凉/ 2021年05月12日 11:54/ 0 赞/ 826 阅读