快用上PerformanceObserver，别再手动计算首屏时间了

大家好，我是阳光，今天给大家介绍一个非常好用的浏览器api：PerformanceObserver ， 我们可以用它来获取首屏、白屏的时间，就不用再麻烦地手动去计算了。

1介绍

PerformanceObserver 可用于获取性能相关的数据，例如首帧fp、首屏fcp、首次有意义的绘制 fmp等等。

构造函数

PerformanceObserver()创建并返回一个新的 PerformanceObserver 对象。

提供的方法

PerformanceObserver.observe()

当记录的性能指标在指定的 entryTypes 之中时，将调用性能观察器的回调函数。

PerformanceObserver.disconnect()

停止性能观察者回调接收到性能指标。

PerformanceObserver.takeRecords()

返回存储在性能观察器中的性能指标的列表，并将其清空。

重点我们看看observer.observe(options);

options

一个只装了单个键值对的对象，该键值对的键名规定为 entryTypes。entryTypes 的取值要求如下:

entryTypes 的值：一个放字符串的数组，字符串的有效值取值在性能条目类型 中有详细列出。如果其中的某个字符串取的值无效，浏览器会自动忽略它。

另：若未传入 options 实参，或传入的 options 实参为空数组，会抛出 TypeError。

2实例