* 业绩观察员

这个 PerformanceObserver 界面是一个 JavaScript API,可用于观测 时间线 在记录时,应通知新的业绩计量.

这种多填充允许消费者使用 PerformanceObserver 界面在浏览器环境中,它们具有基本的性能时间线支持(I.e. window.performance.getEntries())),但没有观察者支持.

综合填充工作是回到投票时段的投票,并给所有订阅的观察员打电话,请他们提供整套投票结果.

快速链接

• 安装
• 使用量
• 发展
• 许可证

安装

npm install --save @fastly/performance-observer-polyfill

用法 :

作为一名 多边填充

自动“ 安装” 性能观察器 window.PerformanceObserver() 如果检测到性能观察器不支持:

import '@fastly/performance-observer-polyfill/polyfill'

// PerformanceObserver is now available globally!
const observer = new PerformanceObserver((list) => {});
observer.observe({entryTypes: ['resource']});

用法:作为 填马

用一个模块捆绑器像 滚动 或者说 网络软件包, (中文(简体) ), 您可以导入 @fastly/performance-observer-polyfill 在代码中不修改任何全局 :

// using JS Modules:
import PerformanceObserver from '@fastly/performance-observer-polyfill'

// or using CommonJS:
const PerformanceObserver = require('@fastly/performance-observer-polyfill')

// usage:
const observer = new PerformanceObserver((list) => {});
observer.observe({entryTypes: ['resource']})

洞穴

由于多填充方式通过回归投票执行绩效观察员界面,通过呼叫恢复投票 window.performance.getEntries() 我们仅限于披露时间轴条目类型,这些类型由 getEntries()因此,多填充只能用于观察条目类型: navigation, (中文(简体) ), resource 财务报告和审定财务报表 mark。更新条目类型,例如 paint 只能通过当地执行绩效观察员进行曝光,因此不能进行多填.

发展

所需资源

• 节点.js 10

安装

git clone [email protected]:fastly/performance-observer-polyfill.git
cd performance-observer-polyfill
npm install
npm run build

运行

在开发绩效-观测-渗透功能的同时,您希望执行的大多数行动被定义为国家预防机制脚本,可以使用 npm run {task}。 。 。 .

所有命令及其描述的列表如下.

许可证

麻省理工学院