首页 > 其他 > 详细

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

时间:2019-04-28 17:02:41      阅读:357      评论:0      收藏:0      [点我收藏+]

用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即可

nginx -s reload

 

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

压缩前 2.57s

技术分享图片

 

压缩后0.883s

技术分享图片

 

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

原文:https://www.cnblogs.com/btxlc/p/10784957.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!