使用Performance API进行性能监控

使用Performance API进行性能监控是一种实时监测网页性能的方法。 Performance API提供了一系列的方法来测量关键指标，例如页面加载时间、资源请求时间、用户交互响应时间等。

下面是使用Performance API进行性能监控的一些示例代码：

1. 获取页面加载时间：

window.onload = function() {
  var loadTime = window.performance.timing.loadEventEnd - window.performance.timing.navigationStart;
  console.log('页面加载时间：', loadTime);
}

1. 获取资源请求时间：

window.addEventListener('load', function() {
  var resourceTiming = window.performance.getEntriesByType('resource');
  resourceTiming.forEach(function(entry) {
    console.log('资源请求', entry.name, '时间：', entry.duration);
  });
});

1. 监听用户交互响应时间：

window.addEventListener('click', function() {
  var navigationStart = window.performance.timing.navigationStart;
  var responseTime = performance.now() - navigationStart;
  console.log('用户交互响应时间：', responseTime);
});