构建首屏指标

使用performance.now()方法可以选取一个对于用户来说可以算作首屏指标的指标,并采集相应的值。

例如,在获取某个API的内容后渲染了首屏组件,通常主观认为这个时候用户看到了想要看到的首屏,就可以记录这个点的时间作为首屏指标。

当然,使用这种方式并不能精确计算出这个元素真正渲染的时间,本节选取一个简单的指标进行介绍,后面会介绍其他更加通用的指标及其测算方式。

本节介绍了Performance API最基础的使用方式,在了解之后,就可以用页面的某个时间点来计算出一个数值并据此衡量这个页面的性能。

当然,Performance API的能力远不止体现在这个API上,关于页面性能的衡量也有非常多的方案。本节只是匆匆介绍了一种非常简单的度量方式,后面会随着问题的逐步推进来介绍Performance API的其他能力及其度量方式。