研究JavaScript性能

性能问题常常在你开发最新最棒的web 2.0应用程序时悄然而至，成为你的绊脚石。很多时候，性能问题仅是由极为平常的良性操作所造成。最近，Coach Wei对许多不同的Javascript操作的性能及其在各浏览器下的性能表现作了快速的比较与小结。结果实际上并不完全出乎我们的意料。

正如所料，eval仍然很“邪恶”，在所有的浏览器下都很慢。但特别有趣的是，说它在Safari下性能差似乎并不公平，因为相对于eval在IE7下需要172ns，在Firefox下需要546ns的表现，它在Safari下只占用9.4ns。Shift和Join这些数组操作在众浏览器下都很扯性能的后腿。

在他的结果报告中，有一点很有意思，但也是意料之中的事，那就是，IE在性能方面的表现不如其它浏览器，尤其是在关键的computed box model计算、String处理、以及HTML DOM操作方面。另外，正如我们之前所看到的，虽然较新的浏览器版本有一些改善，但DOM操作一般在各浏览器下的开销依旧很大。而且，使用innerHTML似乎仍然比完成相同任务的DOM操作性能更好。

该研究报告中，其它一些值得关注的要点有：

• Safari的pop数组操作明显不及其他浏览器的实现。
• 计算computed style和computed box model开销可能很大……这可能是由于每次调用对currentStyle属性进行重计算所造成。
• 对象的创建和"in"操作在Firefox下运行得比其他浏览器慢。

Coach Wei的关于比较结果的综合表，很值得一看，很多结果都可以成为你debug性能瓶颈时的指南。

查看原文：Studying JavaScript Performance