白屏时间的定义与跟踪

1 min read
# 记录

白屏时间

指第一个元素被渲染出来之前的时间,具体为 </head> 或者 <body> 开始的时刻,如何尽量减少白屏时间,涉及到不同地区的网络情况,前端应用程序的优化。

可以在 <head> 开始和结束时记录时间差,做数据统计并且分析地区情况,做对应的网络线路优化(使用 CDN ,或者添加对应的业务加速器)。

首屏时间

定义很多,但可以偏向于根据项目的业务情况,第一屏的元素、样式、图片等加载的时间。

可以在每个图片的 onload 方法监听记录时间差

Performance API

现代浏览器自带的 performance api,记录 web 应用程序的性能表现。

Table of Contents