首页 > 系统相关 >nginx配置前台支持gzip压缩

nginx配置前台支持gzip压缩

时间:2022-10-11 11:13:50浏览次数:51  
标签:请求 application text 压缩 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包使用,但是受到压缩因数等因素影响,大小上他会自己控制一下,所以造成了压缩的包实际大小和请求大小不一致的问题,以上是个人的拙见,有不符之处还希望大家指出

标签:请求,application,text,压缩,nginx,前台,gzip
From: https://www.cnblogs.com/llcdbk/p/16778536.html

相关文章

  • 1. 查看NGINX是否在运行. 四种方式 nginx的配置文件的路径: /etc/nginx/nginx.conf
    查看NGINX是否在运行.1.查看NGINX是否在运行.psaux|grepnginx[root@bogon/]#psaux|grepnginxroot23180.00.0568161272?Ss......
  • nginx
    目录nginx简介nginx简介nginx(发音同enginex)是一款轻量级的Web服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,并在一个BSD-like协议下发行。nginx由俄罗斯的程序......
  • Nginx
    一、Nginx是什么?Nginx(enginex)是一个高性能的HTTP和反向代理web服务器,同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru......
  • nginx
    nginx目录nginxnginx简介nginx的特性nginx的工作原理部署nginxnginx简介nginx(发音同enginex)是一款轻量级的Web服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,并......
  • nginx日志分析
    通过nginx日志利用shell统计日pv和uv网上记录nginx日志统计访问量的脚本的文档很多,但是看来看去实际都是一个东西,如下:1.根据访问IP统计UVawk'{print$1}'  access.lo......
  • Nginx简介
    Nginx简介1.什么是nginx?Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点(俄文:Рамблер)开发的,公开版本1.19.6发布于2020年12月15日。Nginx(en......
  • nginx日志定时自动切割shell脚本+crontab定时任务
    vimcat_nginx_log.sh #!/bin/bash#nginx日志文件的存放路径logs_path='/app/openresty/nginx/logs'mv$logs_path/access.log$logs_path/access.$(date+%Y%m%d).log......
  • nginx启停shell脚本
    #!/bin/bash#编写nginx启动脚本#本脚本编写完成后,放置在/etc/init.d/目录下,就可以被Linux系统自动识别到该脚本#如果本脚本名为/etc/init.d/nginx,则servic......
  • nginx 图片压缩
    说明本文使用的nginx是用编译后安装的方式本文添加模块是在编译前,进行配置需要ngx_http_image_filter_module模块步骤安装nginx运行命令下载文件包wgethttp://ng......
  • 给NGINX添加几个常用的安全选项
    add_headerX-XSS-Protection1;add_headerX-Frame-OptionsSAMEORIGINalways;add_headerX-Content-Type-Options'nosniff';add_headerReferrer-Policy "no-referre......