Chrome 24 vs IE10滚动可怕的滞后

Question

我目前正在开发一个主要关注Chrome 24.01312.57和IE10的Web应用程序.在以前的浏览器中,我遇到了大量的延迟.然而,后者几乎没有滞后,这与每个人所说的完全相反.

为了向您展示不同之处,我正在向下浏览Chrome网站商店时使用iPhone录制上网本的屏幕 - 这是Google自己创建的.

检测设备

1. 2年的Gateway Netbook -Single Core Intel Atom - 1GB RAM - Win7
2. iPhone相机(不是那么棒的录音解决方案,但很容易发现差异)
3. 网站:https://chrome.google.com/webstore/category/home(在开始测试之前我为这两个浏览器滚动了很多,因为那些担心加载AJAX的内容会降低渲染速度)

结果

1. 谷歌浏览器24(无扩展名)向下滚动网站:http://www.youtube.com/watch？v = njkRqiNJPIY
2. Internet Explorer(No addons)10位于同一页面上:http://www.youtube.com/watch？v = B_E_9OzPers

注意:看看鼠标光标和滚动拇指 - 在IE10上,鼠标始终在拇指上而Chrome,它遍布整个地方,表示鼠标移动和实际渲染之间的高延迟.

底线:

在结束之前,确实意识到随着网站变得越来越复杂和/或规格越来越低,谷歌浏览器上的这些滞后现象越来越大.然而,即使在这些条件下,IE10也在推动FPS相当高.我还对Chrome时间线做了一些分析.事实证明,当你缩小到每帧渲染时间达到900毫秒(在谷歌网上商店)时,FPS会下降,而IE10仍然流畅(更好的是它保留了原子上网本的平滑性)

1. 作为Web开发人员,是否有一些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.