跟踪不同页面的页面下载时间以进行分析

Question

我正在尝试构建一个分析系统来跟踪我网站页面的性能。

该网站以内容为导向，因此所有页面都使用相同的模板。现在我们在页面开始使用它：

var time  = Date.now()

...在页面末尾我们使用这个：

date.now - time

...并将此差异发送到存储此数据的跟踪 API。

请问有什么更好的方法吗，因为我没有找到对这种方法的好评。

Answer 1

导航计时API 提供可用于衡量网站性能的数据。与用于相同目的的其他基于 JavaScript 的机制不同，此 API 可以提供更有用和准确的端到端延迟数据。

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);
}

有许多以毫秒为单位的测量事件可以通过 PerformanceTiming 接口访问：

有关详细信息，请参阅 http://www.w3.org/TR/navigation-timing-2/ 或使用 window.performance 对象进行实验。

实际上我会推荐使用现有的 JS 工具进行此类测量。例如，http://www.devmetrics.io and their lib https://github.com/devmetrics/devmetrics-js 将为您提供此数据以及 UI 以查看结果。

function onLoad() { 
  devmetrics.measurePageLoad();
}

跟踪不同页面的页面下载时间以进行分析

Track page download time for different pages for analytic purposes

javascript

analytics