1、首屏时间
首屏时间是指用户打开网站开始,到浏览器首屏内容渲染完成的时间。
2、白屏时间
白屏时间是指浏览器开始显示内容的时间。因此,我们通常认为解析完 <head> 的时刻或开始渲染 <body> 标签就是页面白屏结束的时间。
3、如何计算首屏时间和白屏时间
1)首屏时间计算:
new Date().getTime() - performance.timing.navigationStart
2)白屏时间计算:
在 </head> 标签前的 <script> 标签内加入代码:
new Date().getTime() - performance.timing.navigationStart
4、如何优化首屏加载,减少白屏时间
1)DNS 预解析
使用 meta 标签
<meta