性能测试最近成了一个流行词，但这并不是说性能测试在QA中不是一个重要的过程，甚至在产品发布之后也不是。当我开发应用程序时，我使用了许多不同的工具，其中一些是上面提到的chrome Profiler，我通常会查看一个SaaS或一些开源的东西，我可以开始工作，然后忘记它，直到我收到警告，说有些东西出了问题。

有很多很棒的工具可以帮助您关注性能，而不需要您跳过一些基本的提醒设置。这里有一些我认为值得你自己去看看。

Sematext.com Datadog.com Uptime.com Smartbear.com Solarwinds.com

为了画出更清晰的画面，这里有一个关于如何为react应用程序设置监控的小教程。

你可以使用这个:http://getfirebug.com/js.html。它有一个JavaScript分析器。

UX Profiler从用户的角度来解决这个问题。它将所有浏览器事件、网络活动等由用户操作(点击)引起的事件进行分组，并考虑到延迟、超时等所有方面。

我通常只测试javascript的性能，脚本运行多长时间。jQuery Lover提供了一个很好的测试javascript代码性能的文章链接，但这篇文章只展示了如何测试javascript代码运行多长时间。我还推荐阅读一篇文章，题为“在处理大量数据集时改进jQuery代码的5个技巧”。

我有一个小工具，可以在浏览器中快速运行小的测试用例，并立即得到结果:

JavaScript速度测试

您可以在测试过的浏览器中测试代码并找出哪种技术更好。

下面是一个简单的函数，显示传入函数的执行时间:

var perf = function(testName, fn) {
    var startTime = new Date().getTime();
    fn();
    var endTime = new Date().getTime();
    console.log(testName + ": " + (endTime - startTime) + "ms");
}