Nginx開啟gzip壓縮解決react打包文件過大

用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的文章

 

nginx服務器安裝及配置文件詳解

nginx配置location總結及rewrite規則寫法

nginx配置ssl加密（單/雙向認證、部分https）

nginx做負載均衡器以及proxy緩存配置

Nginx+Keepalived實現站點高可用

 

相同域名多個vue應用的部署

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