鼠标悬停在大型 SVG 上会导致 CPU 使用率高(性能差)

我正在分析一个显示大型 SVG(包含很多元素)的 javascript 库的性能。

鼠标在SVG上连续移动时(即使它在SVG的空白区域)会出现cpu使用率高

在 Chrome 中查看“性能监视器”时,我感到很困惑,因为 Chrome 似乎无法识别负载来自何处(请参阅图片中的灰色区域,这被归类为“其他”)。

我最终在 Chrome 中单独打开了 SVG(没有任何 javascript),但我仍然得到相同的结果。

此外,当我放大 svg 然后重复同样的事情时,CPU 负载甚至更高。

将指针事件设置为“无”,并没有什么区别。

有没有办法优化这个?如果不是,我至少想了解正在发生的事情。

鼠标悬停在大型 SVG 上会导致 CPU 使用率高(性能差)

niuliang1023 回答:鼠标悬停在大型 SVG 上会导致 CPU 使用率高(性能差)

[更新] 问题似乎与 Chromium 相关,也与机器有关。

我的机器上所有基于铬的浏览器都有这个问题。 我已经在其他 3 台机器上对其进行了测试,其中 2 台没有问题。 而第三个是。

我提交了一个关于铬的错误: https://bugs.chromium.org/p/chromium/issues/detail?id=1235143

本文链接:https://www.f2er.com/9843.html

大家都在问