我想监控一个页面的客户端性能，我可以通过在该部分的开头启动计时器来获得页面的加载时间，也可以通过获得onload事件发生的时间。但是，这并没有考虑到从服务器请求页面所需的时间。所以在搜索之后，我发现我应该使用web定时API。我的问题是，虽然"窗口。"windows . mozperformance"在chrome上可以工作，但在firefox上却不行，包括"windows . mozperformance"。那么，有谁知道我如何找到我的浏览器何时发起对页面的get请求，并完成接收页面的最后一个字节的时间?
你可以这样写:
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代码中每一次更改的成本是多少，并在不添加任何代码的情况下对其进行测量。此外，如果你想看看你的网站(或web应用)的性能随着时间的推移，你现在有一个选项来检查指标在谷歌分析。