微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

从 Service Worker 获取 JavaScript Resource Timing API 中特定 fetch/xhr 调用的资源性能数据

如何解决从 Service Worker 获取 JavaScript Resource Timing API 中特定 fetch/xhr 调用的资源性能数据

我正在逐个选项卡(“fetch”事件的“clientId”属性)记录来自 Service Worker 的所有 http 请求的性能数据。 Resource Timing API 提供了我需要的所有高分辨率计时数据。但我无法获取特定请求的这些数据。如果有 5 个标签,并且所有标签都请求 http://api.example.com/resource,从服务工作者的范围来看,性能条目已经存储了所有 5 个请求,没有任何可区分的属性,我无法将特定请求映射到性能条目。

是的,我知道我可以用 performance.Now() 标记提取请求前后的时间。但是我需要TTFB、DNS时序等其他数据,只能通过Resource Timing API提供的数据来衡量。

如何获取特定请求的高分辨率计时数据?

performance.getEntriesByType("resource") 返回所有加载资源的数据。我只需要这些数据用于特定的异步请求。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。