性能测量与追踪网站

这是一个用于测量和追踪网页性能的JavaScript库。它提供了两个主要的方法：performance.mark 和 performance.measure。这两个方法可以用来创建性能度量，以便在页面加载过程中进行监控和分析。

性能标记(Performance Mark)

performance.mark 方法用于创建一个性能度量，表示从页面加载开始到当前调用该方法时的时间点。它接受一个可选的名称参数，用于标识这个度量。例如：

performance.mark('start');
// ... 页面加载和执行代码 ...
performance.mark('end');

这将在window.performance.marks对象中创建一个名为start的性能度量，以及一个名为end的性能度量，它们的值将是两者之间的时间差。

性能测量(Performance Measure)

performance.measure 方法用于创建一个自定义的性能度量，它可以与其他性能度量一起使用，以提供更详细的信息。它接受三个参数：名称、起始值和结束值。例如：

var measureName = 'myMeasure';
var startTime = performance.now();
// ... 页面加载和执行代码 ...
var endTime = performance.now();
performance.measure(measureName, startTime, endTime);

这将在window.performance.measures对象中创建一个名为myMeasure的性能度量，它的名称、起始时间和结束时间将分别存储在该对象的属性中。

获取当前时间戳(Get Current Timestamp)

为了确保所有时间戳都是相对于页面加载开始的时间，我们需要记录页面加载开始时的当前时间戳(navigationStart),然后在每次调用 window.performance.now() 时减去这个偏移量。这个过程已经在提供的代码中实现了。