微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决鼠标悬停在大型 SVG 上会导致 CPU 使用率高性能差

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

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

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

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

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

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

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

enter image description here

解决方法

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

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。