Nginx开启gzip压缩解决react打包文件过大

时间:2021-12-04 06:38:56

用create-react-app创建的react应用打包之后的build js有1M之多. 采用gzip打包传输,可以节约70%左右的带宽

nginx采用gzip打包方式

在nginx配置中添加如下字段

gzip on;
gzip_buffers 32 4k;
gzip_comp_level 6;
gzip_min_length 200;
gzip_types text/css text/xml application/javascript;
gzip_vary on;

Nginx开启gzip压缩解决react打包文件过大

然后重启nginx即可

nginx -s reload

对比前后的文件大小和速度

压缩前 2.57s

Nginx开启gzip压缩解决react打包文件过大

压缩后0.883s

Nginx开启gzip压缩解决react打包文件过大

关于nginx的文章

nginx服务器安装及配置文件详解

nginx配置location总结及rewrite规则写法

nginx配置ssl加密(单/双向认证、部分https)

nginx做负载均衡器以及proxy缓存配置

Nginx+Keepalived实现站点高可用

相同域名多个vue应用的部署

https://www.cnblogs.com/lcosima/p/9627165.html