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

如何获得javascript/dom加载和处理时间的指标,javascript,optimization,metrics,Javascript,Optimization,Metrics,我们发现自己在一个网页上工作,该网页能够实时处理超过20k的用户 我们非常努力地优化后端系统,但现在需要在前端进行优化 我想到的第一件事是使用一些工具来监视JS文件的加载时间 但是我们并不需要知道加载javascript的时间,我们真正需要的是知道javascript代码的哪些部分需要花费更多的时间来完成 现在我们正在使用new relic跟踪我们的站点,并了解需要优化哪些服务器端脚本 但我看不到任何关于前端代码或witch文件的指标需要优化 有什么工具可以帮助我们做到这一点?跨浏览器测试jav

我们发现自己在一个网页上工作,该网页能够实时处理超过20k的用户

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

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

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

现在我们正在使用new relic跟踪我们的站点,并了解需要优化哪些服务器端脚本

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


有什么工具可以帮助我们做到这一点?

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


我有我自己写的speedTest obj,你可以在我正在建设的网站上查看。仅供参考,本obj发现迭代次数的中位数不是平均值。

您是否尝试过使用Google chromes评测工具?是的,这是一个很棒的工具,但我也想从其他用户那里获得静态信息。功能不太强大的PC和其他东西,我会使用FF和Chrome的分析器。我真的不认为从其他用户那里获取太多数据是可能的。我想您可以比较日志,找出单个用户下载请求所花的时间。按“X”定时批处理它。。。除此之外,我认为您不可能获取其他用户的信息。Google Analytics提供粗略的页面加载时间。您可以修改speedtest,将迭代次数作为ajax请求发送,并将迭代保存在数据库中,以跟踪用户的结果