使用Performance API进行性能监控是一种实时监测网页性能的方法。 Performance API提供了一系列的方法来测量关键指标,例如页面加载时间、资源请求时间、用户交互响应时间等。
下面是使用Performance API进行性能监控的一些示例代码:
- 获取页面加载时间:
window.onload = function() { var loadTime = window.performance.timing.loadEventEnd - window.performance.timing.navigationStart; console.log('页面加载时间:', loadTime); }
- 获取资源请求时间:
window.addEventListener('load', function() { var resourceTiming = window.performance.getEntriesByType('resource'); resourceTiming.forEach(function(entry) { console.log('资源请求', entry.name, '时间:', entry.duration); }); });
- 监听用户交互响应时间:
window.addEventListener('click', function() { var navigationStart = window.performance.timing.navigationStart; var responseTime = performance.now() - navigationStart; console.log('用户交互响应时间:', responseTime); });