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

How to get metrics of javascript/dom loading and processing time

本文关键字：处理加载时间 dom 何获取获取 javascript 更新时间：2023-10-24

我们发现自己在一个能够实时处理超过2万用户的网页中工作。

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

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

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

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

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

有什么工具可以帮助我们吗？

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

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