跨平台、跨浏览器的 Javascript 性能分析

Posted

技术标签:

【中文标题】跨平台、跨浏览器的 Javascript 性能分析【英文标题】:Cross-platform, cross-browser Javascript performance profiling 【发布时间】:2010-11-30 14:10:08 【问题描述】:

除了我的recent question 对 php 应用程序的服务器端分析之外,一个应用程序可以有大量的 javascript,内容都是 AJAXy。

这就引出了跨平台、跨浏览器的 javascript 分析工具的问题 - 它们是否存在,人们使用哪些工具,每个工具有什么好处?

非常感谢。

【问题讨论】:

你想去多深?如果你想要一个完整的跟踪,你说的是特定于浏览器的,如果你说的是时间测试来看看运行有多快,你有选择。 完整跟踪 - 但是是否有独立于浏览器的工具,或者至少可以在多个浏览器上运行?时间性能测试也很有用,但我真正追求的是跟踪。 【参考方案1】:

http://testswarm.com/

【讨论】:

完美,这是一个非常好的众包模型。谢谢! 该站点是否仍处于活动状态?我无法连接到它【参考方案2】:

你可能会在 firebug 中进行分析,但不知道 chrome 的控制台

【讨论】:

【参考方案3】:

查看html 5 Boilerplate。

它包括一个也适用于 IE6/7 的 Javascript 分析器。观看有关如何执行此操作的进一步说明的视频。里面还有很多其他简洁的东西也与最新的网络标准/实践相关。

【讨论】:

【参考方案4】:

如果您的代码抽象得很好,使用了良好的跨浏览器框架和库,并且尽可能避免使用原生 JavaScript,那么您不必担心有工具可以帮助您跨所有不同的浏览器进行测试。

【讨论】:

我知道你在说什么,但即使是经过高度检查的 NASA 代码也会重新审查、优化和改进。随着人们看到新的瓶颈和聪明的东西,浏览器中的 Javascript 性能在速度方面已经提高到荒谬的程度。所以分析和优化绝对是值得一看的——我还没有看到一个没有改进空间的项目。

以上是关于跨平台、跨浏览器的 Javascript 性能分析的主要内容,如果未能解决你的问题,请参考以下文章

跨平台、跨浏览器从 Javascript 播放声音的方式? [复制]

cesium学习--初识

前端开发跨浏览器计算页面大小滚动高度

DHTMLX JavaScript Gantt Chart实用型JavaScript / HTML5组件

前端-JavaScript

JavaScript基础部分