Vue 项目优化——如何查看是否已开启Gzip压缩

时间:2024-04-06 17:02:07

Gzip压缩——减少文件大小有两个明显的好处,一是可以减少存储空间,二是通过网络传输文件时,可以减少传输的时间。

一、打开控制台

Chrome浏览器F12打开控制台,进入调试界面

二、在表头单击鼠标右键

如下图:
Vue 项目优化——如何查看是否已开启Gzip压缩
勾选Content-Encoding后,在表头会多出Content-Encoding这一列,用于判断是否开启Gzip

三、未开启Gzip

如未开启Gzip,Content-Encoding是空值。如下图:
Vue 项目优化——如何查看是否已开启Gzip压缩

四、已开启Gzip

如已开启Gzip,Content-Encoding会显示gzip。如下图:
Vue 项目优化——如何查看是否已开启Gzip压缩

五、开启gzip后效果

Gzip开启以后会将输出到用户浏览器的数据进行压缩处理,这样就会减小通过网络传输的数据量,提高浏览的速度。
很明显,开启gzip后,代码体积变小,响应时间更快