javascript - 图像调整大小的 webkit 性能分析

Question

使用铬跟踪面板进行性能分析我发现许多图像调整大小，尤其是在滚动时。

我已经从前端删除了所有（我认为）图像调整大小，并将用于测试目的的 dom 简化为此时主要只是静态图像元素。

我有几个理论：

1. 所有图像在内部调整大小/重新采样
   • 查看铬源，我发现一切都在调用“NativeImageSkia::resizedBitmap”的证据
2. 使用视网膜显示mac会导致图像被采样
   • 这可以通过在跟踪器中看到 4 倍于 src_pixels 的“dst_pixels”大小来支持

有人可以确认或否认上述任何一项吗？

还：

是否可以追踪正在调整大小的图像？

Answer 1

在与谷歌的一些人合作后，我确定这实际上是一个与处理视网膜 macbook 专业人士的高 PPI 监视器有关的 webkit 错误。

您可以在非视网膜显示器（相同的 Mac，外接显示器）上看到只有“图像解码”事件。相同的内容，相同的 mac，在视网膜显示器上呈现，您可以看到“图像解码”和“图像调整大小”事件。

用 24 和 25.0.1329.0 测试

此外，目前无法从 chrome 中的运行时检测中找出正在调整大小的图像。