可能的Chrome错误:如果页面的其余部分有很多css,输入到输入字段非常慢

时间:2014-03-02 12:45:28

标签: google-chrome google-chrome-devtools

我有一个由以下内容组成的页面:

  • 基本输入字段
  • 许多风格各异的dom元素

输入输入字段非常慢 - 会导致大量重新布局。

enter image description here

Chrome开发工具中的时间轴标签表示只重绘了输入字段。删除所有繁重的CSS会使打字更快 - 布局更短。

没有意义:

  • 输入字段在您输入时触发布局
  • 即使Inspector仅表示输入字段已被转发,此布局依赖于其他页面元素。

受影响的浏览器:

  • Linux上的Chrome测试版
  • Android版Chrome测试版

不受影响:

  • Linux上的Firefox stable / beta
  • Android上的Firefox测试版
显示此问题的

Here is a jsbin

1 个答案:

答案 0 :(得分:0)

问题在于我在页面上的某些元素的css中强制执行此规则:

-webkit-backface-visibility: hidden;

删除它使布局更快(不明显地短)