javascript - 监控站点的客户端性能

Question

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

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 代码的成本，并在不添加任何代码的情况下对其进行衡量。此外，如果您想查看您的网站（或网络应用程序）在一段时间内的表现如何，您现在可以选择检查谷歌分析中的指标。