>我打开了两个网站 https://www.apple.com/shop https://www.lenovo.com/
在苹果网站上，LandingPage.css是34.6KB的传输大小和411KB的资源大小。 在联想站点上，核心.css是44.2KB传输大小和289KB资源大小。
联想网站资源大小比苹果小122KB，但传输大小大10KB左右？
我在自己的网站和相同的环境中尝试了两个css，我注意到了同样的问题，我有： Css1 大小：400KB，传输 89KB Css2 大小：780KB，传输 70KB 我对两个文件都使用了 brotli 压缩
这是为什么呢？
- 资源压缩
Web 服务器使用gzip来减少传输到客户端的数据总量。当支持 gzip 的浏览器发送请求时，它会将"gzip"添加到其接受编码标头中。当 Web 服务器收到请求时，它会正常生成响应，然后检查接受编码标头以确定如何对响应进行编码。如果服务器支持 gzip，则使用 gzip 压缩每个资源。
然后，它使用添加的内容编码标头提供每个资源的压缩副本，指定使用 gzip 对资源进行编码。然后，浏览器将内容解压缩为其原始未压缩版本，然后再将其呈现给用户。
- 编码后的大小差异
传输大小的差异在于，由于其内容的性质，一个资源可能更可压缩，如果它更可压缩，这意味着在考虑无损压缩时，它通常包含更多的重复字符。这涉及到编码的工作原理。
- 更多资源
gzip 压缩 - pingdom
字符编码 - W3C