一般地,一个包含外部样式表文件和外部脚本文件的HTML载入和渲染过程是这样的: 浏览器下载HTML文件并开始解析DOM. 遇到样式表文件link[rel=stylesheet]时,将其加入资源文件下载队列,继续解析DOM. 遇到脚本文件时,暂停DOM解析并立即下载脚本文件. 下载结束后立即执行脚本,在脚本中可访问当前<script>以上的DOM. 脚本执行结束,继续解析DOM. 整个DOM解析完成,触发DOMContentLoaded事件. 什么是阻塞? 在页面中我们通常会引用外部文件,而浏览…