网站介绍

该网站是一个使用原生JavaScript实现的性能度量工具库,提供了window.performance.markwindow.performance.measure两个方法。这两个方法分别用于标记和测量页面的加载时间、渲染时间等性能指标。

window.performance.mark方法用于标记一个时间点,通常与window.performance.measure方法配合使用,以测量代码执行的时间。例如:

// 开始计时
window.performance.mark('start');

// 执行代码
for (var i = 0; i < 100000; i++) {
// do something
}

// 结束计时
window.performance.mark('end');

window.performance.measure方法用于测量代码执行的性能,并返回一个包含多个性能条目(如”navigationStart”、”domLoading”、”domContentLoaded”)的对象。例如:

// 开始测量页面加载时间
var loadMeasure = window.performance.measure('pageLoad', 'start to end');
loadMeasure.forEach(function(entry) {
console.log('name: ' + entry.name + ', duration: ' + entry.duration + 'ms');
});

该网站还包含了一些辅助函数,如计算两个时间点的差值(Date.now() - nowOffset),以及在浏览器不支持原生性能度量时提供兼容性的替代方案。