PerformanceResourceTiming: deliveryType 属性

实验性： 这是一个 实验性技术
在生产环境中使用之前，请仔细查看 浏览器兼容性表格。

deliveryType 只读属性是一个字符串，指示资源是如何传递的——例如，从缓存中获取或从导航预取中获取。

值

一个字符串，可以是以下值之一

"cache"

资源是从缓存中检索的。

资源是从通过 推测规则 API 存储在内存缓存中的预取响应中检索的。

""（空字符串）

如果上述任何传递类型都不适用，则返回。

示例

筛选资源

deliveryType 属性可用于仅获取特定资源计时条目；例如，仅获取已缓存的那些条目。

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

js
const observer = new PerformanceObserver((list) => {
  const cachedResources = list.getEntries().filter((entry) => {
    return entry.deliveryType === "cache";
  });
  console.log(cachedResources);
});

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

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

js
const scripts = performance.getEntriesByType("resource").filter((entry) => {
  return entry.deliveryType === "cache";
});
console.log(scripts);

规范

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

浏览器兼容性

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