我正在开发一个 Web 应用程序,它在 Google Chrome 中突然变得非常无响应。在任何其他浏览器中似乎都没有同样的问题(我用 Firefox 和 Safari 进行了测试)。例如,当单击输入文本框时,从单击到元素获得焦点之间需要 3 到 5 秒。单击复选框时也会发生相同的行为。有几点需要注意:这个页面有一个下拉菜单,里面有大约 150 个选项,还有一个有 10 行的表格。除此之外,没有其他异常。
我打开 Chrome 代码检查器并使用“时间轴”选项卡查看发生了什么。事实证明,大部分延迟来自“重新计算样式”事件,大约需要 2 秒。此事件发生在 mousedown 事件之前。在网上对这一步的简短搜索并没有透露太多信息。有没有人知道这个特定的渲染步骤以及可以做些什么来提高它的性能?