Javascript 关于解析HTML、加载和解析CSS以及加载和执行JS，什么时候加载图像？

我从中学到了这一点

• 解析HTML（我认为这与用HTML创建DOM相同）与下载和解析CSS样式表是异步的

• 默认情况下，解析HTML（我认为这与用HTML创建DOM相同）会暂停并等待下载和执行JS脚本

• 执行访问CSS样式表的JS脚本将停止，并等待下载和解析CSS样式表

例如，在HTML中嵌入某些资源时

<img src="/url/to/image.png" alt="Image" width="200" height="67"/> 

---

在解析HTML文档、加载和解析CSS样式表以及加载和执行JS脚本方面，何时加载图像？

我的理解是，下载图像的HTTP请求会在img标记添加到DOM后立即启动（只要浏览器在HTML中遇到该元素，效果就会很好）。不停止将HTML文档的其余部分解析为DOM？据我所知，它不会停止解析，但您可能会设置一个实验来确定（只要试着下载一张非常大的图像，你很快就会看到它是否会阻止其他所有的渲染）这里有一些想法（2017-09）：和。