网站介绍
该网站是一个使用原生JavaScript实现的性能度量工具库,提供了window.performance.mark
和window.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
),以及在浏览器不支持原生性能度量时提供兼容性的替代方案。