Window Performance API

---

前言

Window Performance API 详细分析

Window Performance API 是一组浏览器提供的接口，用于收集和分析网页性能数据。它允许开发者精确地测量网页加载时间、资源加载时间、用户交互延迟等性能指标，从而优化用户体验。

1. 主要接口

1.1 performance.now()

• 返回一个高精度时间戳，通常用于计算精确的时间差。例如，你可以用它来测量函数执行时间。
• 使用场景: 精确计算代码段的执行时间。

const start = performance.now();
// 执行某个任务
const end = performance.now();
console.log(`执行时间: ${
     end - start} 毫秒`);

1.2 performance.mark()

• 用于在浏览器的性能时间线中创建一个标记。这些标记可以用来测量特定时间点到另一个时间点的间隔。
• 使用场景: 标记应用程序中的重要事件，如用户点击按钮的时间点。

performance.mark('start-task');
// 执行任务
performance.mark('end-task');

1.3 performance.measure()

• 在两个标记之间创建一个度量，并将结果保存到浏览器的性能入口中。
• 使用场景: 测量两个标记之间的时间间隔。

performance.mark('start-task');
// 执行任务
performance.mark('end-task');
performance.measure('Task Duration', 'start-task', 'end-task');

1.4 performance.getEntriesByType()