白屏和首屏的时间

一、白屏时间

输入url按回车到开始渲染元素的时间，也就是到出现的一个字符
//白屏结束的时间
window.firstPaint = Date.now();

    //白屏时间
    console.log(firstPaint - performance.timing.navigationStart || pageStartTime);

    //performance.timing.navigationStart
    //准备加载页面的其实时间

二、首屏时间

1.记录主要模块渲染结束的时间-------Date.now()
2.如果有加载图片，获取图片全部加载完全的时间，得到最大值
3.通过html2canvas插件，每100ms截取屏幕的，然后获取屏幕九宫格每一格中心点的，获取红色通道的像素相加得到一个值，通过不断截屏和比较这个求和的值，监控出首屏是否加载完毕。