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

时间:2012-07-16 21:33:34

标签: javascript optimization metrics

我们发现自己在一个能够实时与> 20k用户合作的网页上工作。

我们努力优化后端系统,但我们现在需要在前端进行优化。

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

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

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

但我看不出有关前端代码或女巫文件的任何指标需要优化。

那里有什么工具可以帮助我们吗?

1 个答案:

答案 0 :(得分:0)

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

我有自己写的speedTest obj,你可以在我的网站http://www.deckersdesign.com/source.php查看正在建设中。仅供参考这个obj发现迭代的中位数不是平均值。