时间轴帧显示大量“栅格化”

Question

我将运行缓慢的 LG Android 手机与桌面版 Google Chrome 33 测试版连接起来，以查明为什么页面上的某个特定功能（包括等待图像加载完成（通过 imagesLoaded 插件））运行缓慢。

令我惊讶的是，有很多长时间运行的“光栅化”事件，它们与其他事件（如 js 和渲染）同时发生。这是什么？为什么它们要花这么长时间？

以下是导出的时间线数据：https://gist.github.com/thehappycoder/a089562b13e028766e82/raw/53f0425c5f4756c7f5c7662711c4e4d3c6d3ba56/TimelineRawData-20140130T152139.json

当我不使用 imagesLoaded 时，它的工作方式如下： https://gist.github.com/thehappycoder/dc3023a78dbcd486d33d/raw/4b07a650895bdea12ffbc27d60d68f33a7e78c45/TimelineRawData-20140130T153800.json

代码非常简单：

$("#divWithImage img").imagesLoaded(function() {
  // No-op
});

演示运行良好http://imagesloaded.desandro.com在电话里，所以这与图书馆无关。

Answer 1

Spin.js 正在引发这些“光栅化”事件。https://github.com/fgnass/spin.js/issues/200