我将运行缓慢的 LG Android 手机与桌面版 Google Chrome 33 测试版连接起来,以查明为什么页面上的某个特定功能(包括等待图像加载完成(通过 imagesLoaded 插件))运行缓慢。
令我惊讶的是,有很多长时间运行的“光栅化”事件,它们与其他事件(如 js 和渲染)同时发生。这是什么?为什么它们要花这么长时间?
当我不使用 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