ready 事件的觸發,表示文檔結構已經加載完成(不包含圖片等非文字媒體文件)。
onload 事件的觸發,表示頁面包含圖片等文件在內的所有元素都加載完成。
白屏時間
白屏時間(first Paint Time)——用戶從打開頁面開始到頁面開始有東西呈現為止。
可以通過先展示一些動畫或者圖片之類,等文件下載完畢了再進行替換。
首屏時間
用戶瀏覽器首屏內所有內容都呈現出來所花費的時間。沒有滾動時候看到的內容渲染完成并且可以交互的時間。
解釋一下思路,大概就是判斷首屏有沒有圖片,如果沒圖片就用domready時間,如果有圖,分2種情況,圖在首屏,圖不在首屏,如果在則收集,并判斷加載狀態,加載完畢之后則首屏完成加載,如果首屏沒圖,找到首屏下面的圖,立刻觸發首屏完畢。
加載時間
整個頁面滾動到底部,所有內容加載完畢并可交互的時間。
用戶可操作時間
用戶可以進行正常的點擊、輸入等操作,默認可以統計domready時間,因為通常會在這時候綁定事件操作。
總下載時間
頁面所有資源都加載完成并呈現出來所花的時間,即頁面 onload 的時間。