什么情况下 IE8 的 Javascript 性能会比 IE7 差？答案

【问题标题】：Under What Circumstances Would Javascript Performance be Worse in IE8 than IE7?什么情况下 IE8 的 Javascript 性能会比 IE7 差？
【发布时间】：2011-05-01 15:36:45
【问题描述】：

我在一家使用 Javascript 构建交互式座位表的公司工作。这是一个示例：http://seatgeek.com/event/show/457624/miami-dolphins-at-new-york-jets-2010-12-12/。它们在许多方面都模仿了 Google 地图的功能。

我们正在处理一个奇怪的问题——地图的性能在除 IE8 之外的所有浏览器中都很好。我将 IE6 和 IE7 包括在“所有浏览器”类别中。我们在 IE8 中看到了明显更差的 JS 性能。当您尝试在 IE8 中拖动地图时，它会锁定一点并且有明显的滞后。但这在 IE6 或 IE7 中不是问题。

我们发现问题与地图上的标记有关。当您放大并显示更多标记时，这种情况更为普遍。

我们使用dynaTrace 进行了一些基准测试，似乎延迟不是由 JS 处理本身引起的，而是由 dynaTrace 所指的“渲染”引起的。似乎令人惊讶的是，较新版本的 IE 的渲染效果会更差。

【问题讨论】：

你使用的是什么图片类型？
@Crescent 它正在使用 EmulateIE8。 @Slappy 我们正在使用 PNG。
IE8 以不同的方式呈现 PNG。尝试用存根 gif 图像替换它们，看看会发生什么。此外，您的网站速度非常慢：图片没有预加载，而且有很多。这种类型的渲染可以通过 raphaeljs 轻松完成，无需使用任何图像
另外，你完全搞砸了压缩：你不需要 Alpha 通道，在你的情况下使用调色板会好很多 (fileformat.info/user/anonymous/download/…)
@glebm 您应该提交这些作为答案，以便对其进行投票

标签： javascript internet-explorer browser internet-explorer-8 internet-explorer-7

【解决方案1】：

您是否在 IE8 开发者工具中运行了脚本探查器？它将准确地告诉您在每个功能上花费了多少时间。

见：Link

【讨论】：

【解决方案2】：

IE8 以不同的方式呈现 PNG。尝试用存根 gif 图像替换它们，看看会发生什么。此外，您的网站超级慢：图像没有被预加载，而且有很多。这种类型的渲染可以通过 raphaeljs 轻松完成，而无需使用任何图像（原件可能是矢量——将它们导出为路径并使用 raphael 进行渲染）。

此外，您完全搞砸了压缩：您不需要 Alpha 通道，并且在您的情况下使用调色板要好得多。

【讨论】：