如何获取javascript/dom加载和处理时间的指标

Question

我们发现自己在一个网页上工作，这个网页设法实时处理超过20000个用户。

我们如此努力地优化后端系统，但现在我们需要在前端进行优化。

我想到的第一件事就是使用一些工具来监控JS文件的加载时间。

但是我们真的不需要知道加载javascript的时间，我们真正需要的是知道我们的javascript代码的哪些部分需要更多的时间来完成。

现在我们正在使用新的relic来跟踪我们的站点，并知道哪些服务器端脚本需要优化。

但我看不到任何关于前端代码或witch文件需要优化的指标。

有什么工具可以帮我们解决这个问题吗？

Answer 1

测试你的javascript跨浏览器速度的最好方法是编写你自己的函数。将您想要测试的任何代码包装到一个函数中，并在1秒内尽可能多次地运行该函数，计算迭代次数。至少运行该测试五次，因为每次都会得到不同的结果，然后找到平均迭代次数。我还建议使用chrome，因为当涉及到javascript性能时，它比其他浏览器快4倍。测试您的所有代码并针对您的浏览器进行优化，这些改进也会影响您的用户体验。

我有我自己写的speedTest对象，你可以在我的网站上查看，这里是正在建设中的http://www.deckersdesign.com/source.php。仅供参考，此对象查找迭代次数的中位数，而不是平均值。