白屏时间
指第一个元素被渲染出来之前的时间,具体为 </head>
或者 <body>
开始的时刻,如何尽量减少白屏时间,涉及到不同地区的网络情况,前端应用程序的优化。
可以在 <head>
开始和结束时记录时间差,做数据统计并且分析地区情况,做对应的网络线路优化(使用 CDN
,或者添加对应的业务加速器)。
首屏时间
定义很多,但可以偏向于根据项目的业务情况,第一屏的元素、样式、图片等加载的时间。
可以在每个图片的 onload
方法监听记录时间差
现代浏览器自带的 performance api
,记录 web 应用程序的性能表现。