PerformanceResourceTiming: workerStart 属性

workerStart 是 PerformanceResourceTiming 接口的只读属性，如果服务工作线程已经运行，则返回 DOMHighResTimeStamp，该时间戳紧接在分派 FetchEvent 之前；如果服务工作线程尚未运行，则返回该时间戳紧接在启动服务工作线程之前。如果资源没有被服务工作线程拦截，则该属性将始终返回 0。

值

workerStart 属性可以具有以下值

一个 DOMHighResTimeStamp。
如果未使用服务工作线程，则为 0。
如果资源是跨域请求，并且未使用 Timing-Allow-Origin HTTP 响应标头，则为 0。

示例

测量服务工作线程处理时间

workerStart 和 fetchStart 属性可用于测量 ServiceWorker 的处理时间。

const workerProcessingTime = entry.fetchStart - entry.workerStart;

使用 PerformanceObserver 的示例，它在浏览器性能时间轴中记录新 resource 性能条目时会通知。使用 buffered 选项访问观察者创建之前的条目。

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    const workerProcessingTime = entry.fetchStart - entry.workerStart;
    if (workerProcessingTime > 0) {
      console.log(
        `${entry.name}: Worker processing time: ${workerProcessingTime}ms`,
      );
    }
  });
});

observer.observe({ type: "resource", buffered: true });

使用 Performance.getEntriesByType() 的示例，它仅显示调用该方法时浏览器性能时间轴中存在的 resource 性能条目

const resources = performance.getEntriesByType("resource");
resources.forEach((entry) => {
  const workerProcessingTime = entry.fetchStart - entry.workerStart;
  if (workerProcessingTime > 0) {
    console.log(
      `${entry.name}: Worker processing time: ${workerProcessingTime}ms`,
    );
  }
});

跨域计时信息

如果 workerStart 属性的值为 0，则该资源可能是跨域请求。要允许查看跨域计时信息，需要设置 Timing-Allow-Origin HTTP 响应标头。

例如，要允许 https://mdn.org.cn 查看计时资源，跨域资源应发送

http

Timing-Allow-Origin: https://mdn.org.cn

规范

规范
资源计时 # dom-performanceresourcetiming-workerstart

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅

Timing-Allow-Origin