将 Chrome 更新到版本 60 后布局过程变慢答案

【问题标题】：Layout process slows down after updating Chrome to version 60将 Chrome 更新到版本 60 后布局过程变慢
【发布时间】：2018-01-17 16:19:47
【问题描述】：

Chrome 更新到 60 版后，我的应用程序（Typescript + React）运行缓慢。使用 Chrome 开发工具中的 Performance 选项卡，我发现浏览器会花时间渲染元素（Layout 过程）。

有人遇到过这样的问题吗？什么可能导致这种情况？代码肯定是一样的，我再次检查了两个不同版本的 Chrome。我的想法不多了。

【问题讨论】：

TypeScript 和 React 有哪些版本？
TypeScript 2.4.1.0, React 15.0
尝试升级到 React 15.6.1，我们获得了非常显着的性能提升。
不幸的是没有工作
好的，问题似乎在于使用 Grid 构建的站点布局。出于某种原因，在 Chrome 更新后，这个布局在我的应用程序中变得非常慢 - 我尝试使用网格、flexbox 和浮动来构建布局，前两个非常慢，浮动工作得很好。

【解决方案1】：

在 60 版之后，当我打开一个新的浏览器窗口（Ctrl-N 或 Ctrl-Shift-N）时，Chrome 中的所有内容都非常缓慢，甚至打字也是如此。我解决了它在 Chrome 设置中禁用选项“可用时使用硬件加速”。干杯 PS：我使用的是 Linux Mint 18 莎拉

【讨论】：