首屏时间与domContentLoaded触发时机的关系

Table of Contents

按照有无js和css,domContentLoaded的触发时机可以分为3类

没有js和css

只有css

有js和css

首屏时间

定义:计算这个网页从空白到出现内容所花费的时间

这段时间其实就是HTML 文档加载和解析的时间。也就是DOMContentLoaded 事件触发之前所经历的时间。

对于首屏时间而言,js放在HTML文档的开头和结尾处效果是一样的,而js放在结尾的目的并不是为了减少首屏时间,而是由于js经常需要操纵DOM,放在后面才更能保证找到DOM节点。