有哪些好方法可以衡量单页面Web应用程序的性能？

Question

我们有一个单页网页应用，我们想测量它的性能。它上面有很多JavaScript和AJAX，我们希望看到完全加载需要多长时间。有什么好的工具可供使用？

Answer 1

Chrome分析器非常棒http://www.youtube.com/watch?v=OxW1dCjOstE

你可以在youtube上找到一大堆教程，展示如何检查堆使用情况。

Answer 2

您可以随时使用firebug（在Firefox中），HttpWatch（在IE / Firefox中），或使用Chrome中的网络标签（按F12）。

Answer 3

考虑一下回旋镖（https://github.com/soasta/boomerang）和开源JavaScript库，它可以在用户使用您的网站时衡量性能。它可以自动测量XHR请求，并且还支持Angular，Ember和amp;等框架。 Backbone，可以使用更多插件进行扩展。

使用回旋镖，您需要建立自己的后端基础设施来收集和分析数据，或者您可以使用商业服务，如SOASTA的mPulse（回旋镖开发人员在此工作）收集，过滤，分析和报告数据。 mPulse位于http://www.soasta.com/mpulse/

Answer 4

您可以使用Yahoo＆＃34; yslow＆＃34;开发的有用插件。

它详细说明了网站所有组件的加载（js，css，images，favicon，...），然后它会显示您网站的全局性能记录，最差的是0，更好100。

它看起来像什么：

源插件：http://yslow.org/

在这里你有一个视频，他们解释了如何使用它:(它持续超过1小时）https://www.youtube.com/watch?v=hxW74v3h1xY

他们用来确定您可以采取哪些措施来改善网站效果的网站：http://webdevchecklist.com/