有没有办法提高 IE 11 中的 MutationObserver 性能？答案

【问题标题】：Is there a way to improve MutationObserver performance in IE 11?有没有办法提高 IE 11 中的 MutationObserver 性能？
【发布时间】：2021-01-20 17:31:57
【问题描述】：

我们在使用大量 http 调用的复杂屏幕中呈现一些图表时遇到问题。

在 chrome 和一些新浏览器中运行良好，但在 IE11 中会阻止所有 UI。

我不确定如何解决这个问题，如果能像 web-worker 那样使用这些繁重的组件渲染到字符串，那会非常好，但我不确定它是否可能

使用最新版本的 React + styled-components + axios + recharts(d3 wrapper)

提前谢谢大家

【问题讨论】：

请尝试提供您在 IE 浏览器中遇到的问题的详细信息？您是否在控制台中收到任何错误或警告消息？如果有任何简单的方法可以重现该问题，您能否尝试提供示例代码的详细步骤？它可以帮助我们更好地理解问题。感谢您的理解。

标签： reactjs performance internet-explorer internet-explorer-11 mutation-observers

【解决方案1】：

忘记发布导致 IE11 性能不佳的原因。

问题是我通过 React 门户渲染了很多弹出窗口并将它们添加到 DOM，可能（10-20 个工具提示/弹出窗口），在现代浏览器中一切正常，但在 Internet Explorer 中，它内部渲染的方式可能导致了一切超级慢。

解决方案是不呈现此工具提示，除非它们是 mouseOver/click。

我们使用了这个工具提示https://github.com/timc1/postel，最终我们使用了它们，但创建了一个处理这个逻辑的高级组件。

我希望这些信息对任何未来的读者都有用 =)

【讨论】：