开启gzip

第一种前端打包生成gz文件

const CompressionWebpackPlugin = require('compression-webpack-plugin')

javascript 复制代码
    configureWebpack: {
      output: {
      },
      plugins: [
        new CompressionWebpackPlugin({
          algorithm: 'gzip',
          test: new RegExp('\\.(' + ['js', 'css'].join('|') + ')$'),
          threshold: 10240,
          minRatio: 0.8
        })
      ]
    },

第二种nginx 开启gzip

http: {

#开启gzip

gzip ``on``;

#低于1kb的资源不压缩

gzip_min_length 1k;

#压缩级别1-9,越大压缩率越高,同时消耗cpu资源也越多,建议设置在5左右。

gzip_comp_level 5;

#需要压缩哪些响应类型的资源,多个空格隔开。不建议压缩图片.

gzip_types text/plain application/javascript application/x-javascript text/javascript text/xml text/css;

#配置禁用gzip条件,支持正则。此处表示ie6及以下不启用gzip(因为ie低版本不支持)

gzip_disable ``"MSIE [1-6]\."``;

#是否添加"Vary: Accept-Encoding"响应头

gzip_vary ``on``;

}

使用vue打包时gzip压缩的两种方案 - Python技术站

相关推荐
欧的曼17 小时前
cygwin+php教程(swoole扩展+redis扩展)
开发语言·redis·后端·mysql·nginx·php·swoole
果子⌂2 天前
Zabbix 企业级高级应用
linux·运维·nginx·zabbix
冬夜戏雪2 天前
nginx改配置文件还是会访问默认nginx欢迎页面排查 + 域名访问
css·nginx·css3
星辰云-2 天前
Nginx笔记
运维·笔记·nginx
亲爱的非洲野猪3 天前
Nginx vs Spring Cloud Gateway:限流功能深度对比与实践指南
运维·nginx
石小千3 天前
Nginx服务做负载均衡网关
运维·nginx·负载均衡
叁金Coder4 天前
业务系统跳转Nacos免登录方案实践
前端·javascript·nginx·nacos
William一直在路上5 天前
深度解析:Nginx的卓越性能
运维·nginx
小十十5 天前
K8s+Nginx-ingress+Websocket基础知识理解
websocket·nginx·kubernetes
hzsnone5 天前
公网服务器上Nginx或者Openresty如何屏蔽IP直接扫描
服务器·nginx·openresty