用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的文章
相同域名多个vue应用的部署