PerformanceFrameTiming

这是 实验性技术
检查 浏览器兼容性表格 在生产中使用这之前。

PerformanceFrameTiming is an abstract interface that provides frame timing data about the browser's event loop. A frame 表示浏览器所做的工作量在 one event loop such as processing DOM events, resizing, scrolling, rendering, CSS animations, etc.. A 帧速率 of 60fps (frames per second) for a 60Hz refresh rate is the target for a good responsive user experience. This means the browser should process a frame in about 16.7ms.

An application can register a PerformanceObserver for " frame " performance entry types and the observer can retrieve data about the duration of each frame event. This information can be used to help identify areas that take too long to provide a good user experience.

特性

This interface has no properties but it extends the following PerformanceEntry properties (for " frame " performance entry types ) by qualifying and constraining the properties as follows:

PerformanceEntry.entryType
Returns " frame ".
PerformanceEntry.name
Returns the 文档的地址 .
PerformanceEntry.startTime
返回 timestamp when the frame was started.
PerformanceEntry.duration
返回 timestamp indicating the difference between the startTime s of two successive frames.

方法

This interface has no methods.

范例

See the example in 使用帧计时 API .

规范

规范 状态 Comment
Frame Timing
The definition of 'PerformanceFrameTiming' in that specification.
草案 初始定义。

浏览器兼容性

更新 GitHub 上的兼容性数据
Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
PerformanceFrameTiming
Chrome 不支持 No
注意事项
No
注意事项
Chrome bug 120796
Edge 不支持 No
注意事项
No
注意事项
Chrome bug 120796
Firefox 不支持 No
注意事项
No
注意事项
bug 1158032
IE 不支持 No Opera 不支持 No Safari 不支持 No WebView Android 不支持 No
注意事项
No
注意事项
Chrome bug 120796
Chrome Android 不支持 No
注意事项
No
注意事项
Chrome bug 120796
Firefox Android 不支持 No Opera Android 不支持 No Safari iOS 不支持 No Samsung Internet Android 不支持 No
注意事项
No
注意事项
Chrome bug 120796

图例

不支持
不支持
实验。期望将来行为有所改变。
实验。期望将来行为有所改变。
见实现注意事项。

另请参阅