阻塞dom解析和不阻塞dom解析的资源 (DOMContentLoaded)和(window onload)

下面的图很清晰地解释了dom解析与不同js的加载的不同：   绿色表示dom解析，灰色表示阻塞，紫色表示js加载（下载），红色表示js执行   会阻塞dom解析的资源有： 1.内联css 2.内联js 3.普通外联js  ，加载情况如下 dom解析一旦遇到普通外联js，就会停下来下载，下载完成后执行，执行后再继续dom解析，灰色代表阻塞时间 4.外联defer js  外联defer js与普通j

>>阅读原文<<