javascript - 在 JavaScript 中监控单页加载时间

Question

我有一个现有的单页 Web 应用程序，我无法更改其代码。一些用户提示该应用程序性能不佳。

我想通过这种方式监控加载时间:

1. 记录页面点击的时间戳
2. 在完成 ajax 请求和其他一些 JavaScript 魔法之后，记录页面渲染完成的时间戳
3. 计算两个时间戳之间的差异并将其发送回服务器。

我可以使用 jQuery 轻松完成步骤 1 和 3，但我不确定完成步骤 2 的最佳方法是什么？

由于这似乎是一个非常明显的场景，是否有一个标准工具集来执行这种监控？

Answer 1

这有帮助:

function onLoad() { 
  var now = new Date().getTime();
  var page_load_time = now - performance.timing.navigationStart;
  console.log("User-perceived page loading time: " + page_load_time);
}