Vue 项目开启gzip1

85 阅读1分钟

随着项目的迭代,项目的打包体积会越来越多,项目性能就会逐渐变差,这时候可以开启 gzip 进行性能优化,提升访问速度,解决页面白屏时间长的问题,下面介绍一下 Vue 开启 gzip 的方法:

gzip 压缩的方式有两种:

1、在服务端开启压缩,当浏览器发起请求时,服务端对传输资源进行实时压缩,然后返回给浏览器

2、 对 webpack 配置打包压缩,并在服务端加上支持 gizp 的配置,当浏览器请求时,服务端直接将资源返回给浏览器

两种方法的区别:

第一种是服务端进行实时压缩,对服务器的性能消耗较大

第二种则是打包后的 dist 文件包体积比较大(因为包含 .gz 文件和源文件)

综上,两种方法混合用比较合适,在 webpack 打包时,配置只对超过一定体积的文件进行压缩,然后配置 nginx ,当浏览器发起请求时,服务端对 .gz 文件进行直接传输给浏览器,对源文件先进行实时压缩,在返回给浏览器。

原文链接:blog.csdn.net/qq_30193097…