在大型HTML表

时间:2017-11-07 20:59:56

标签: html performance html-table rendering

我已经以大型HTML表格的形式创建了批发订单表单,其中包含大量数字输入。我注意到在这个表中输入的数字输入和输入值之间的切换非常慢(即,当我点击输入时,光标显示需要时间;当我输入输入时,它需要角色出现的时间)。有没有办法让我在不对表格行进行分页的情况下删除延迟?

您可以查看并使用表格here(使用访客密码“braese”)。

Chrome Dev Tools性能录制的屏幕截图,用于单击单个输入(我不确定该怎么做): Chrome Dev Tools performance recording

2 个答案:

答案 0 :(得分:1)

我做了一些挖掘和测试,结果是点击/输入输入时的滞后(更新层树)只是Chrome中的一个问题。关于另一个问题的This answer指出了自版本46以来Chrome的问题。令人遗憾的是,这样一个流行的浏览器允许这样的问题持续2年以上。我们必须对订单进行分页,因为Chrome非常受客户的欢迎。

答案 1 :(得分:0)

哇我的铬几乎崩溃了:) 这是你的风格 每次应用translate transform时都会导致创建图层 查看Chrome开发工具中的“图层”菜单; 测试它是否运行得更好 - 只有表:)

还要订购你的风格和脚本! - 脚本之后的第一个样式

干杯!