优化篇15|提升网页加载速度，Vite中Gzip 压缩实战

在构建现代 Web 应用时，页面加载速度始终是用户体验优化的重要环节。而资源体积过大会直接影响加载时间。Gzip 压缩是一种常见的前端性能优化手段，能够显著减小资源体积，降低网络传输成本。

什么是gzip 压缩

即使使用了构建工具（如 Webpack 或 Vite）进行优化，打包后的资源体积仍可能较大，尤其包含大量第三方依赖时，这会显著影响网页的首屏加载速度。

Gzip 是一种常用的文本压缩格式，能在浏览器与服务器之间传输资源时显著减小体积，浏览器可自动解压并解析。

它的优势包括：

• 压缩率高：通常可减少 60% 以上的资源体积
• 兼容性强：现代浏览器基本都支持
• 启用简单：浏览器通过请求头 Accept-Encoding: gzip 告知支持压缩，服务器响应头中返回 Content-Encoding: gzip 即可完成交互

如果浏览器的请求头中包含**c**ontent-encoding: gzip，即证明浏览器支持该属性。