PerformanceResourceTiming: deliveryType 屬性

可用性有限

此特性不是基線特性,因為它在一些最廣泛使用的瀏覽器中不起作用。

注意:此功能在 Web Workers 中可用。

實驗性: 這是一項實驗性技術
在生產中使用此技術之前,請仔細檢查瀏覽器相容性表格

只讀屬性 deliveryType 是一個字串,用於指示資源的獲取方式——例如,是從快取獲取還是從導航預取獲取。

一個字串,可以是以下值之一

"cache"

該資源是從快取中檢索的。

該資源是透過 Speculation Rules API 從記憶體快取中儲存的預取響應中檢索的。

""(空字串)

如果不適用上述任何一種交付型別,則返回此值。

示例

過濾資源

deliveryType 屬性只能用於獲取特定的資源計時條目;例如,僅獲取那些已快取的條目。

以下示例使用 PerformanceObserver 來通知新記錄在瀏覽器效能時間線中的 resource 效能條目。buffered 選項用於訪問觀察者建立之前的條目。

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

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

以下示例使用 Performance.getEntriesByType(),它僅顯示在呼叫方法時存在於瀏覽器效能時間線中的 resource 效能條目。

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

規範

規範
資源時序
# dom-performanceresourcetiming-deliverytype

瀏覽器相容性