这是什么
当服务器把页面发送给访客的浏览器时,它可以选择先压缩这些数据——把它打包成更小的体积,基本思路和给文件打包压缩后再发邮件一样——浏览器在数据到达的瞬间会自动解包。Gzip 和 brotli 是网络上最常用的两种压缩方式;brotli 更新一些,压缩效果通常略胜一筹,但两者的目标是一致的。
这一切完全在幕后发生:访客永远不会看到任何东西的「压缩版本」,他们只是体验到页面比原本更快地到达了。
为什么重要
基于文本的内容——HTML、CSS 和 JavaScript 代码——通常能被压缩到原始大小的一小部分,往往能缩小 60% 到 80%,因为这类代码往往有很多重复的部分。在网络上传输更小的文件所需时间更短,这在移动数据这类较慢的连接上尤其重要,因为每多一秒的加载时间,都会增加访客在页面还没显示完全之前就放弃离开的可能性。
与许多性能优化不同,启用压缩通常只是一个设置项,而不是一次重新设计——这是能获得的性价比最高、成本最低的网站速度优化之一。
如何解决
- 通过浏览器的开发者工具(Network 标签页)查看压缩是否已经启用,检查页面请求的响应头中是否有
Content-Encoding: gzip或Content-Encoding: br。 - 如果你使用的是 Netlify、Vercel 或 Cloudflare Pages 这样的静态托管平台,压缩通常默认已经开启——无需操作。
- 在使用 cPanel 或类似面板的传统虚拟主机上,在性能或优化设置中寻找「gzip compression」开关。
- 如果你自己管理服务器,请你的托管商或开发者在服务器或 CDN 层面启用 gzip 或 brotli 压缩——对任何常见的服务器软件来说,这都是一项标准、有据可查的配置更改。
- 之后重新检查响应头,确认压缩现在已经生效。