Javascript 使用ExtJS 4.2.1的IE11中的性能问题

如果我只打开2-3个标签页，而HTML文档的大小从1MB到20MB不等，那么IE9（及以上）的标签页面板将面临性能问题。然后在IE-11上切换标签大约需要3-4秒（当页面只有标签面板时）和5-6秒（当页面有很多其他extjs组件时）。IE8上的响应几乎是1-2秒，这非常令人惊讶

我还尝试了不同的隐藏模式选项（显示、偏移、可见性、类），但没有多少好处，尽管

hideMode='asclass'

比其他选项快

我还创建了一个示例页面，以确认这是文档大小问题还是extjs组件问题。创建了简单的选项卡（带有div），没有任何JS库，只更改了css z索引（而不是css显示或css可见性），它们可以立即切换（在所有IE版本上）。在一个单独的ExtJS页面上尝试相同的解决方案对IE11没有帮助（在IE8上要快一些）。所以这似乎是ExtJS特有的问题

---

还有其他人面临过这个问题吗？如果您有任何意见或解决方案，我们将不胜感激。

您可以使用IE档案器来查看是否有与ExtJS 4.2.1相关的脚本需要很长时间才能加载。如果您发现了这样一个脚本，那么您可以继续为此库生成错误报告

下面是一些关于如何在IE中进行JavaScript评测的详细信息

---

您可以使用IE探查器查看是否有与ExtJS 4.2.1相关的脚本需要很长时间才能加载。如果您发现了这样一个脚本，那么您可以继续为此库生成错误报告

下面是一些关于如何在IE中进行JavaScript评测的详细信息

---

这些脚本在CHrome、firefox上运行良好，基本上只在IE浏览器上存在问题。脚本文件没有问题。Chrome和Firefox使用不同的解释器，这意味着IE执行脚本的方式不同。好吧，但正如我在问题中所说的，这与IE无关，因为它在IE8上花费的时间少得多（请阅读我的问题）。问题在于ExtJS。@DanielSarosi关于探查器是对的，IE与其他浏览器相比速度非常慢，与IE 8和其他IE的一些差异可能与不同的内部绘图例程有关，但是根据我的经验，我发现大多数性能问题都是由我的代码引起的，注意一些布局修改，使用Ext.suspendLayouts（）和Ext.resumeLayouts（）方法在进行更改时防止UI更新，而且每个（）例程对性能都非常不利，特别是在IE上。使用document.getElementsByTagName（'*'）。length跟踪DOM元素计数。这些脚本在CHrome上运行良好，firefox，这基本上只是IE浏览器上的一个问题。脚本文件没有问题。Chrome和Firefox使用不同的解释器，这意味着IE执行脚本的方式不同。好吧，但正如我在问题中所说的，这与IE无关，因为它在IE8上花费的时间少得多（请阅读我的问题）。问题在于ExtJS。@DanielSarosi关于探查器是对的，IE与其他浏览器相比速度非常慢，与IE 8和其他IE的一些差异可能与不同的内部绘图例程有关，但是根据我的经验，我发现大多数性能问题都是由我的代码引起的，注意一些布局修改，使用Ext.suspendLayouts（）和Ext.resumeLayouts（）方法在进行更改时防止UI更新，而且每个（）例程对性能都非常不利，特别是在IE上。使用document.getElementsByTagName（'*'）。length跟踪DOM元素计数。