ready 事件的触发,表示文档结构已经加载完成(不包含图片等非文字媒体文件)。
onload 事件的触发,表示页面包含图片等文件在内的所有元素都加载完成。
白屏时间
白屏时间(first Paint Time)——用户从打开页面开始到页面开始有东西呈现为止。
可以通过先展示一些动画或者图片之类,等文件下载完毕了再进行替换。
首屏时间
用户浏览器首屏内所有内容都呈现出来所花费的时间。没有滚动时候看到的内容渲染完成并且可以交互的时间。
解释一下思路,大概就是判断首屏有没有图片,如果没图片就用domready时间,如果有图,分2种情况,图在首屏,图不在首屏,如果在则收集,并判断加载状态,加载完毕之后则首屏完成加载,如果首屏没图,找到首屏下面的图,立刻触发首屏完毕。
加载时间
整个页面滚动到底部,所有内容加载完毕并可交互的时间。
用户可操作时间
用户可以进行正常的点击、输入等操作,默认可以统计domready时间,因为通常会在这时候绑定事件操作。
总下载时间
页面所有资源都加载完成并呈现出来所花的时间,即页面 onload 的时间。