nginx服务器启用gzip可以对客户端请求的资源进行压缩,从而减少带宽和文件下载时间,提升网站加载速度。nginx关于gzip的配置内容如下:
# 开启gzip
gzip on;
# 允许压缩文件的最小字节数,大于该阈值即可被压缩
gzip_min_length 1024;
# 压缩级别1-9,级别越高,压缩率越大,越占用cpu时间
gzip_comp_level 5;
# 进行压缩的文件类型
gzip_types text/plain application/javascript text/css text/javascript;
# IE版本1-6不支持gzip压缩,关闭
gzip_disable 'MSIE[1-6].';
# 给CDN和代理服务器使用,可以根据头信息返回压缩和非压缩版本
gzip_vary on;
配置完成后记得重启nginx,这样才会生效。下面我们先看一下未启用gzip时,网站加载资源的情况:
其中chunk-vendors是比较大的足有126KB,比较里面打包了第三方库的代码。接下来我们看启用gzip后的资源加载情况,如下图所示:
我们看到chunk-vendors变成了44.2KB ,gzip的压缩效果还是很显著