白屏和首屏的時間

一、白屏時間

輸入url按回車到開始渲染元素的時間，也就是到出現的一個字符
//白屏結束的時間
window.firstPaint = Date.now();

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

    //performance.timing.navigationStart
    //準備加載頁面的其實時間

二、首屏時間

1.記錄主要模塊渲染結束的時間-------Date.now()
2.如果有加載圖片，獲取圖片全部加載完全的時間，得到最大值
3.通過html2canvas插件，每100ms截取屏幕的，然後獲取屏幕九宮格每一格中心點的，獲取紅色通道的像素相加得到一個值，通過不斷截屏和比較這個求和的值，監控出首屏是否加載完畢。