项目优化之nginx开启gzip压缩

项目优化之nginx开启gzip压缩

vue项目webpack打包后vendor.js 大小1.3M，图片懒加载和路由懒加载都已经做好的情况下，首屏加载时间还是觉得太长，决定开启nginx的gzip功能进行传输压缩。优点：减少带宽、节约用户流量；缺点：增加服务器CPU压力。
1、gzip功能是默认关闭的，且只默认对text/html进行压缩，so！配置一下吧。打开nginx中nginx.conf的配置文件

server {
	gzip on; // 开启gzip
	gzip_min_length 1k; // 压缩起点，大于设置值的文件才进行压缩
	gzip_comp_level 6; // 压缩级别（1-9），级别越高对CPU的消耗越大
	gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/xml text/javascript application/json image/png image/gif image/jpeg; // 设置可压缩的文件类型
}

原来vendor.js是1.3M的压缩成400k，css和app.js也缩减了一倍，加载速度飞快！