为什么资源压缩率提升后，页面反而可能更晚稳定显示？

# 核心结论

资源压缩率提高后，页面仍可能更晚稳定显示，因为传输字节只是完整成本中的一环。资源还要经历请求发现、排队、连接、下载、解压、解析、编译、图片解码、字体塑形、样式计算、布局和绘制。更激进的图片编码可能减少网络体积却增加低端设备的解码时间；字体切成大量小子集可能降低单文件大小，却引入更多请求和字体替换；代码拆分过细可能让压缩结果更漂亮，却形成运行时依赖瀑布。正确目标应是减少从导航开始到稳定可见、可交互之间的总成本，而不是只比较压缩包大小。

# 底层机制

响应式图片应使用 srcset 提供候选资源，并用 sizes 描述不同布局条件下的预期展示宽度。浏览器会结合候选宽度、布局条件和设备像素比选择资源。如