问题标签 [resource-timing-api]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
23 浏览

performance - 高 Web 卸载时间 - 它会影响 Time To First Byte 指标吗?

我们有一个生产监控系统,它提供 W3C 标准所指示的 Web 导航和资源计时统计信息。下面给出了统计数据的示例参考:

https://developer.mozilla.org/en-US/docs/Web/Performance/Navigation_and_resource_timings

在我们网站的生产监控过程中,我们发现文档卸载 (unloadEventEnd) 统计数据在接近第一个字节时间 (responseStart) 的一侧较高。所以,我得到了一个澄清:

如果由于任何可能的原因导致文档卸载需要更长的时间 - 是否会导致其当前的 API/Ajax 或 Https 请求被延迟,总结返回响应的第一个字节所花费的总时间,因此显示第一个字节的时间值更高( responseStart) 指标?

0 投票
0 回答
151 浏览

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

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

是的,我知道我可以performance.now()在获取请求之前和之后标记时间。但我需要其他数据,如 TTFB、DNS 计时等,我只能从 Resource Timing API 提供的数据中测量它们。

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

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

0 投票
0 回答
16 浏览

javascript - Javascript 性能 API PerformanceResourceTiming 对大多数属性返回 0

目前我正在开发 Angular 应用程序,让用户测量特定页面的加载时间。我正在从我的应用程序中将该页面作为 iframe 在后台加载,并希望使用 javascript 性能 API 测量加载该 iframe 的特定时间戳。PerformanceResourceTiming 接口对我来说是理想的,因为我可以获得特定时间,例如 DNS 或 TCP 连接时间(此处描述:https ://developer.mozilla.org/en-US/docs/Web/Performance/Navigation_and_resource_timings )。我的问题是,当我获得 PerformanceResourceTiming 对象时,大多数属性返回值 0(尽管在 DevTools -> Network 中它们不等于 0)。我究竟做错了什么?预先感谢您的帮助。

在此处输入图像描述