Javascript 监视站点的客户端性能

我想监控页面的客户端性能，我可以通过在节的开头启动计时器以及获取onload事件发生的时间来获取页面的加载时间。但是，这并不考虑从服务器请求页面所需的时间。所以在搜索之后，我发现我应该使用web定时API。我的问题是，虽然“window.performance”对chrome有效，但对firefox没有任何效果，包括“window.mozPerformance”。那么，有人知道我如何找到浏览器启动页面get请求并完成接收页面最后一个字节的时间吗

您可以使用以下内容：

var timing = performance.timing;
var loadtime = timing.loadEventEnd – timing.navigationStart;

这将在以下方面对您有效： Chrome 6+、IE9+、Firefox 7+、Android 4+

你可以在这篇古老（但很好）的帖子中阅读更多内容：

---

顺便说一句，我会使用ChromeDevTools（或Firefox上的firebug）来测量“审计”选项卡中的代码更改。您可以看到JS代码中每次更改的成本，并在不添加任何代码的情况下对其进行度量。此外，如果您想了解网站（或web应用程序）的性能随时间的变化，您现在可以选择在google analytics中检查指标。

使用探查器。Chrome有一个内置的，我相信FireBug也有。在Chrome中，它被称为定时器（在JS控制台中）。它将准确地显示处理每个资源的时间，以及每个脚本完成执行的时间。@tjameson我想你指的是时间线选项卡。“网络”选项卡和“审核”选项卡对此也很有用。