BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

研究JavaScript性能

| 作者 James Carr 关注 0 他的粉丝 ,译者 沙晓兰 关注 0 他的粉丝 发布于 2008年2月16日. 估计阅读时间: 2 分钟 | Google、Facebook、Pinterest、阿里、腾讯 等顶尖技术团队的上百个可供参考的架构实例!

性能问题常常在你开发最新最棒的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

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

这也叫Javascript性能研究? by Tsai gepang

这也叫Javascript性能研究?

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

1 讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT