前端性能优化——首屏时间&&白屏时间


1、首屏时间概念

首屏时间是指用户打开一个网站时,直到浏览器首页面内容渲染完成的时间。

2、白屏时间概念

白屏时间即是,浏览器开始显示内容的时间,所以我们一般认为解析完的时刻,或者开始渲染标签就是该页面白屏结束的时间。

3、计算首屏时间和白屏时间

1)首屏时间计算(在body标签后写js代码)

new Date.getTime() - performance.timing.navigationStart

2)白屏时间计算

在标签前面加一个