nginx配置前台支持gzip压缩

很多人都认为webpack的
compression-webpack-plugin
插件压缩后的gzip文件可以起到优化发布后请求包大小这个作用,
但是实际上这只是一部分,你会发现请求的时候并没有请求到gzip的文件,原因是nginx要配置启动gzip压缩,
然后请求数据部分如果有如图部分的标记就说明请求gzip的js成功

nginx的配置一般如下:

    #启用压缩
    gzip on;
    gzip_disable "msie6";
    #压缩级别
    gzip_comp_level 6;
    gzip_min_length 1100;
    #压缩因数
    #gzip_buffers 16 8k;
    gzip_proxied any;
    #gzip包的压缩类型
    gzip_types
        text/plain
        text/css
        text/js
        text/xml
        text/javascript
        application/javascript
        application/x-javascript
        application/json
        application/xml
        application/rss+xml
        image/svg+xml/javascript;

实际上请求的包的大小不一定和压缩的大小一致,是因为nginx其实会在你不上传gzip文件到服务器的时候自己主动压缩JS成gizp给前台,如果你上传后他会找到上传的gzip包使用,但是受到压缩因数等因素影响,大小上他会自己控制一下,所以造成了压缩的包实际大小和请求大小不一致的问题,以上是个人的拙见,有不符之处还希望大家指出

posted @ 2022-10-11 10:59  洛晨随风  阅读(406)  评论(0编辑  收藏  举报