我为一家使用Javascript构建互动座位表的公司工作。这是一个例子:http://seatgeek.com/event/show/457624/miami-dolphins-at-new-york-jets-2010-12-12/。在很多方面,它们都模仿了谷歌地图的功能。
我们正在处理一个奇怪的问题 - 除了IE8之外,所有浏览器的地图性能都很好。我在“所有浏览器”类别中包含IE6和IE7。我们看到IE8中的JS性能明显变差。当您尝试在IE8中拖动地图时,它会锁定一点并且存在明显的延迟。但这不是IE6或IE7中的问题。
我们已经发现问题与地图上的标记有关。当您放大并显示更多标记时,它会更加普遍。
我们已经使用dynaTrace做了一些基准测试,看起来延迟不是由JS处理本身引起的,而是由dynaTrace引用的“渲染”引起的。似乎令人惊讶的是,较新版本的IE渲染会更糟糕。
答案 0 :(得分:1)
您是否在IE8开发人员工具中运行脚本Profiler?它会准确地告诉你每个功能花了多少时间。
答案 1 :(得分:0)
IE8以不同的方式呈现PNG。尝试用存根gif图像替换它们,看看会发生什么。此外,您的网站速度非常慢:图像没有预先加载,并且有大量的图像。 raphaeljs可以很容易地完成这种渲染而不使用任何图像(原件可能是矢量 - 将它们导出为路径并用raphael渲染)。
另外,你完全搞砸了压缩:你不需要alpha通道,在你的情况下使用调色板会更好。