问题描述
我正在分析一个显示大型 SVG(包含很多元素)的 javascript 库的性能。
鼠标在SVG上连续移动时(即使它在SVG的空白区域)会出现cpu使用率高
在 Chrome 中查看“性能监视器”时,我感到很困惑,因为 Chrome 似乎无法识别负载来自何处(请参阅图片中的灰色区域,这被归类为“其他”)。
我最终在 Chrome 中单独打开了 SVG(没有任何 javascript),但我仍然得到相同的结果。
此外,当我放大 svg 然后重复同样的事情时,cpu 负载甚至更高。
将指针事件设置为“无”,并没有什么区别。
有没有办法优化这个?如果不是,我至少想了解正在发生的事情。
解决方法
[更新] 问题似乎与 Chromium 相关,也与机器有关。
我的机器上所有基于铬的浏览器都有这个问题。 我已经在其他 3 台机器上对其进行了测试,其中 2 台没有问题。 而第三个是。
我提交了一个关于铬的错误: https://bugs.chromium.org/p/chromium/issues/detail?id=1235143