监控站点的客户端性能

Question

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

Answer 1

您可以使用以下内容：

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

这对你有用： Chrome 6 +，IE9 +，Firefox 7 +，Android 4 +

你可以在这个旧的（但很好的）帖子中阅读更多内容： http://blog.chromium.org/2010/07/do-you-know-how-slow-your-web-page-is.html

顺便说一下，我会使用Chrome DevTools（或Firefox上的firebug）在“审核”标签中衡量我的代码更改。您可以看到JS代码中每个更改的成本是多少，并在没有任何添加代码的情况下进行测量。此外，如果您想了解网站（或网络应用）的效果，您现在可以选择检查Google Analytics中的指标。