在大型HTML表中，输入之间的切换很慢

我已经创建了一个批发订单表单，它是一个包含大量数字输入的大型HTML表。我注意到，在这个表中，在数字输入和输入中键入值之间的切换非常慢（即，当我单击输入时，光标显示需要时间；当我键入输入时，字符显示需要时间）。我有没有办法在不分页表行的情况下消除延迟

您可以查看和摆弄桌子（使用来宾密码“braese”）

Chrome Dev Tools性能记录的屏幕截图，用于在单个输入中单击（我真的不确定该怎么做）：

---

哇，我的chrome几乎崩溃了：） 这是你的风格

---

每次应用“平移变换”时，都会创建层 查看Chrome开发工具中的图层菜单； 测试它是否运行得更好-仅表：）

还可以订购您的样式和脚本第一个样式之后是脚本

---

干杯

我做了更多的挖掘和测试，结果表明，点击/键入输入时的延迟（更新层树）只是Chrome中的一个问题。另一个问题是Chrome自46版以来的问题。令人遗憾的是，如此流行的浏览器让这样的问题持续了2年多。由于Chrome在我们客户的客户中非常流行，我们将不得不对我们的订单进行分页。

您的“批发订单”在哪里？我找到了“批发订单”。您能否描述导致“非常慢”处理的特定输入序列？另外，您的性能问题是否与使用JavaScript的浏览器处理有关，或者其他问题？请查看下面我的答案。工作起来很有魅力。@JohnH它与JavaScript无关。当您在任何数字输入内单击时，光标开始闪烁前会有一个延迟。然后，当您键入某个内容时，在每个字符出现在输入框中之前会有一个延迟。“您每次应用转换时都会导致层创建”-我在哪里应用转换？它不适用于输入。问题是，当我点击其中一个输入时，光标显示前会有一个延迟，而当我在输入中键入内容时，字符显示前会有一个延迟。“测试它是否运行得更好-仅表”-您的意思是在删除转换后测试它？“唯一的桌子”是什么意思？“脚本之后的第一个样式”-我的脚本应该在。。。你看到了什么让你不这么想？另外，表格只意味着尝试打开慢速页面open Developer Tools->Network->F5刷新您的theme.scss？。。。右键单击->阻止请求URL F5再次刷新，现在您会看到带有巨大表格的页面->注意输入字段没有延迟！您好，您说得对，阻塞theme.scss.css确实大大加快了表单的速度。问题是，哪些CSS规则导致“更新层树”花费了很长时间？（参见上面我的开发工具屏幕截图）我必须为您做所有的事情吗。页面容器{-ms-transform:translate3d（0,0,0）；-webkit-transform:translate3d（0,0,0）；transform:translate3d（0,0,0）；}