前端监控针对静态资源加载时间采集，PerformanceResourceTiming有办法知道资源是否是通过协商缓存加载的吗？

Question

除了deliveryType外，有兼容性更好的方案了解是否是通过缓存加载的吗

Answer 1

用 responseStatus 属性:

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    if (entry.responseStatus === 304) {
      console.log(`${entry.name} was loaded from cache`);
    }
  });
});
observer.observe({ type: "resource", buffered: true });

或者用 transferSize 属性可以用来检查本地缓存有没有命中，如果 transferSize 的值为 0，就表示资源是从缓存加载的，不是从网络加载的