项目优化之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也缩减了一倍,加载速度飞快!