javascript - 仅在 IE 中的 Iframe 中执行缓慢的 javascript

Question

The Problem:

我开发了一个网络应用程序。它借助 iFrame 嵌入到网站中。

如果我在 www.example.com/webapp 上独立运行该应用程序 (IE9)，它会在大约 10 秒内加载(这是一个相当大的应用程序)。 Chrome 和 FF 快得多。

但是，如果它嵌入到 iFrame 中，IE 会完全失去它，javascript 执行时间长达 40-60 秒，直到应用加载完成。但是，一旦应用程序加载完毕，就没有任何问题，并且可以完美运行。

回顾:独立:好，在 iFrame 中:不好。

在 Web 应用程序中加载了一些 xml，特别是一个非常大的 xml，大约 8mb。使用 KnockoutJS 解析 xml 并创建内容。然而，这不是很相关，因为我已经将它缩小到使用 jQuery 完成的 XML 解析。

在 IE9 中单独解析大约需要 10 秒。嵌入式它大约是40-60。我已经调出状态日志和时间戳，并且可以亲眼看到javascript 的嵌入式运行速度非常慢。 每次跟踪需要 4-6 倍，这与增加的总加载时间相对应。

FireFox 和 Chrome 是免疫的，没有显示减速或减速非常小以至于不明显。

我试过 iFrame 和对象嵌入。相同的结果。

The question

您知道为什么嵌入 iframe 中的简单 javascript 执行(当 xml 加载并在内存中时进行 XML 解析)比独立运行时花费的时间长 4-6 倍吗？

Bonus info

我这里不是在谈论页面加载。一切都很好。甚至是主页。这不是另一个页面挂起，直到 iframe 准备就绪的问题。问题是 iframe 内的执行速度很慢。我试过嵌入同一个域、外部域、内部域、外部域。到处都是同样的问题。 一旦我将 iframe 这该死的东西加载出来，加载性能就会一塌糊涂。一旦加载，一切都很好，一切都运行良好。

PS:我希望我找到的加粗关键字是可以的。它应该是一个帮助，而不是烦人。我个人很难专注于大量文本。

**

Performance Monitor while it's loading:

IE9**

http://imgur.com/iYdMuPe

Answer 1

我发现使用 jQuery .height(n) 和 .width(n) 设置元素大小会非常慢，你可以使用 .css("width",x) 和 .css("height",x) .