在IE8中，Javascript性能比IE7更糟糕？

Question

我在一家公司工作，使用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渲染會更糟糕。

Answer 1

您是否在IE8開發人員工具中運行腳本Profiler？ 它會准確地告訴您每個功能花費了多少時間。

請參閱： http ： //blogs.msdn.com/b/ie/archive/2008/09/11/introducing-the-ie8-developer-tools-jscript-profiler.aspx

Answer 2

IE8以不同的方式呈現PNG。 嘗試用存根gif圖像替換它們，看看會發生什么。 此外，您的網站速度非常慢：圖像沒有預先加載，並且有大量的圖像。 這種類型的渲染可以很容易地通過raphaeljs完成而不使用任何圖像（原件可能是矢量 - 將它們導出為路徑並使用raphael渲染）。

此外，你完全搞砸了壓縮：你不需要alpha通道，在你的情況下使用調色板會更好。