浏览器和 Node.js 中测量执行时间

2023-11-09 10:02:04

在浏览器和 Node.js 中，测量应用程序中某个片段需要多长时间是很重要的。在前端中，我们有 Navigation Timing API，Resource Timing API 以及 User Timing API 收集精确的性能数据。在 Node.js 中，我们有 process.hrtime() 函数来测量时间。

浏览器中测量执行时间

1. Navigation Timing API

Navigation Timing API 提供有关页面加载过程的详细信息，包括页面加载开始和结束的时间、DNS 查询时间、TCP 连接时间、HTTP 请求时间、DOM 解析时间、脚本执行时间等。

// 获取页面加载开始时间
const startTime = window.performance.timing.navigationStart;

// 获取页面加载结束时间
const endTime = window.performance.timing.loadEventEnd;

// 计算页面加载总时间
const totalTime = endTime - startTime;

console.log(`页面加载总时间：${totalTime}毫秒`);

2. Resource Timing API

Resource Timing API 提供有关加载资源的详细信息，包括资源的类型、大小、加载时间等。

// 获取页面中所有资源的性能数据
const entries = window.performance.getEntriesByType('resource');

// 遍历资源性能数据
for (const entry of entries) {
  // 获取资源名称
  const name = entry.name;

  // 获取资源类型
  const type = entry.initiatorType;

  // 获取资源加载时间
  const duration = entry.duration;

  console.log(`资源名称：${name}，资源类型：${type}，资源加载时间：${duration}毫秒`);
}

3. User Timing API

User Timing API 允许您自定义标记事件并测量这些事件之间的时间。

// 定义一个自定义事件
const eventName = 'my-custom-event';

// 标记事件开始
window.performance.mark(eventName);

// 标记事件结束
window.performance.mark(`${eventName}-end`);

// 计算事件持续时间
const duration = window.performance.measure(`${eventName}-end`, eventName).duration;

console.log(`事件持续时间：${duration}毫秒`);

Node.js 中测量执行时间

在 Node.js 中，我们可以使用 process.hrtime() 函数来测量时间。该函数返回一个包含两个数字的数组，第一个数字是秒数，第二个数字是纳秒数。

// 获取当前时间
const startTime = process.hrtime();

// 执行需要测量的代码

// 获取结束时间
const endTime = process.hrtime();

// 计算执行时间
const duration = (endTime[0] - startTime[0]) * 1000 + (endTime[1] - startTime[1]) / 1e6;

console.log(`执行时间：${duration}毫秒`);