首屏白屏时间
参考:https://www.cnblogs.com/littlelittlecat/p/6810294.html
做移动web页面,受移动网络网速和终端性能影响,我们经常要关注首屏内容展示时间(以下简称首屏时间)这个指标,它衡量着我们的页面是否能在用户耐心消磨完之前展示出来,很大程度影响着用户的使用满意度。
怎么获取首屏时间呢?
我们经常要先问自己:页面是怎么加载数据?
A:加载完静态资源后通过ajax请求去后台获取数据,数据回来后渲染内容
在每个点打上一个时间戳,首屏时间 = 点8 – 点1;
B:使用后台直出,返回的html已经带上内容了
此时首屏时间 = 点4 – 点1。
注:1. 打了这么多个点,是因为当我们收集到首屏时间之后,要去分析到底是哪一段是性能瓶颈,哪一段还有优化空间,所以我们需要收集 点2 – 点1、点3 – 点1 ……这些时间以作分析;
-
打点1我们一般是在html文件head标签的开头打个时间戳;
-
在css文件加载前一般没有别的加载处理,所以打点1和打点2一般可以合并。