Web知识-首屏白屏时间

首屏白屏时间

参考：https://www.cnblogs.com/littlelittlecat/p/6810294.html
做移动web页面，受移动网络网速和终端性能影响，我们经常要关注首屏内容展示时间（以下简称首屏时间）这个指标，它衡量着我们的页面是否能在用户耐心消磨完之前展示出来，很大程度影响着用户的使用满意度。

怎么获取首屏时间呢？

我们经常要先问自己：页面是怎么加载数据？

A：加载完静态资源后通过ajax请求去后台获取数据，数据回来后渲染内容

在每个点打上一个时间戳，首屏时间 = 点8 – 点1；

B：使用后台直出，返回的html已经带上内容了

此时首屏时间 = 点4 – 点1。

注：1. 打了这么多个点，是因为当我们收集到首屏时间之后，要去分析到底是哪一段是性能瓶颈，哪一段还有优化空间，所以我们需要收集 点2 – 点1、点3 – 点1 ……这些时间以作分析；

2. 打点1我们一般是在html文件head标签的开头打个时间戳；

3. 在css文件加载前一般没有别的加载处理，所以打点1和打点2一般可以合并。