只有两类标签会阻塞html解析：（当前media匹配时）和无async/defer的；其他资源如、、均不阻塞解析。
浏览器解析HTML时哪些外部资源会真正阻塞解析
只有两类标签会中断 HTML 解析器的线性推进：<link rel="stylesheet">（当前媒体查询匹配时）和无属性的<script src="..."></script>。其他所有资源——包括<img>、<iframe></iframe>、<link rel="preload">，甚至<script async></script>——都不会让 parser 停下来。
关键判断依据是 media 属性是否匹配。比如<link rel="stylesheet" media="print">在屏幕设备上完全不阻塞；<link rel="stylesheet" media="(min-width: 768px)">在手机上也不会触发阻塞逻辑。但只要写成media="all"或干脆不写，就默认参与 CSSOM 构建，并阻塞后续脚本执行和首次绘制（FCP）。
常见错误现象：
- 页面白屏几秒，Network 面板里看到一个
style.css请求的 Initiator 显示为parser，说明它确实在阻塞 - 把
<script></script>放到
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
