javascript - Chrome 24 与 IE10 滚动可怕的滞后

Question

我目前正在开发一个主要针对 Chrome 24.01312.57 和 IE10 的网络应用程序。在以前的浏览器中，我遇到了大量的滞后。然而，后者几乎没有延迟，这与大家声称的完全相反。

为了向您展示差异，我正在使用 iPhone 记录上网本的屏幕，同时向下滚动 Chrome 网上应用店 - 谷歌自己创建的东西。

检测设备

1. 2 岁的 Gateway 上网本 - 单核 Intel Atom - 1GB RAM - Win7
2. iPhone 摄像头(不是很好的录音解决方案，但很容易发现差异)
3. 网站:https://chrome.google.com/webstore/category/home (对于那些担心 AJAX 加载的内容会减慢渲染速度的人，在开始测试之前，我针对两种浏览器向下滚动了很多)

结果

1. Google Chrome 24(无扩展)向下滚动网上商店: http://www.youtube.com/watch?v=njkRqiNJPIY
2. 同一页面上的 Internet Explorer(无插件)10:http://www.youtube.com/watch?v=B_E_9OzPers

注意:查看鼠标光标和滚动拇指 - 在 IE10 上，鼠标始终位于拇指上，而 Chrome 则到处都是，这表明鼠标移动和实际渲染之间存在高延迟。

底线:

在我总结之前，请注意随着网站变得越来越复杂和/或规范越来越低，Google Chrome 浏览器上的这些延迟越来越大。然而，即使在这些条件下，IE10 也将 FPS 推得相当高。我还对 Chrome 时间线做了一些分析。 In 显示 FPS 下降，因为你缩小到每帧渲染需要大约 900 毫秒(在谷歌网上商店)，而 IE10 仍然流畅流畅(更好的是它在 atom 上网本上保持流畅)

1. 作为网络开发者，是否有某些 CSS 属性导致 Chrome 呈现页面延迟？
2. 为什么 Internet Explorer 的呈现速度如此之快？
3. 可以采取哪些措施使 Chrome 的呈现速度与 IE10 一样快？

PS:错误报告:http://code.google.com/p/chromium/issues/detail?id=163092但目前没有这方面的最新进展。

Answer 1

Chrome 很难绘制，尤其是在 2560x1440 及以上的高分辨率下。 Chrome 网上应用店、Facebook 等许多网站都显示出明显的滚动延迟。在这些网站上滚动时，IE10 在我的显示器上保持 120 fps。