静态资源压缩

前提条件

nginx已正常部署

修改nginx配置文件

配置 gzip 模块：

在nginx.conf文件的http块中可以进行如下配置来开启压缩：

• 参数说明：
  • gzip on：开启gzip压缩功能。
  • gzip_types：指定需要压缩的文件类型，这里包括纯文本、CSS文件、JSON文件、JavaScript文件、XML文件等。可以根据实际情况添加或删除文件类型。
  • gzip_comp_level：设置压缩级别，取值范围是1 - 9，1表示压缩比最小但速度最快，9表示压缩比最大但速度最慢。通常6是一个比较好的折衷选择，可以根据服务器性能和压缩效果需求进行调整。
  • gzip_vary on：当启用这个选项时，Nginx会在响应头中添加Vary: Accept - Encoding字段。这告诉浏览器，服务器的响应可能会根据Accept - Encoding请求头（即浏览器是否支持压缩）的不同而不同，这样可以确保缓存的正确使用。

http {
    gzip on;
    gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss;
    gzip_comp_level 6;
    gzip_vary on;
}

检查配置并重启 Nginx

配置完成后，你可以使用以下命令检查 Nginx 配置文件是否有语法错误：

nginx -t

重启nginx服务：

nginx -s reload

检查和验证压缩是否生效

• 可以使用浏览器的开发者工具来检查压缩是否生效。在浏览器中访问包含静态资源的网页，打开开发者工具（一般是按 F12 键），查看网络（Network）选项卡。

• 找到请求的静态资源（如.css或.js文件），查看响应头（Response Headers）。如果看到Content - Encoding: gzip，则表示压缩已经生效。