javascript – Chrome 24 vs IE10滚动可怕的滞后

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

为了向您展示不同之处,我正在使用iPhone记录我的上网本屏幕,同时向下滚动Chrome网站 – 谷歌本身创建的内容.

检测设备

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

结果

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

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

底线:

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

>作为Web开发人员,是否有一些CSS属性导致Chrome呈现滞后的页面
>为什么Internet Explorer渲染如此之快?
> Chrome可以像IE10一样快速渲染一些步骤?

PS:错误报告:http://code.google.com/p/chromium/issues/detail?id=163092但目前没有最近的发展.

解决方法

Chrome在绘画方面苦苦挣扎,特别是在2560×1440及以上等高分辨率下.诸如Chrome网上应用店,Facebook等许多网站都显示出明显的滚动延迟.在这些网站上滚动时,IE10在我的显示器上保持120 fps.

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...