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