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

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

我将运行缓慢的 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在电话里,所以这与图书馆无关。

答案1

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

相关内容