html解析本身不阻塞,但默认script和未优化link会打断dom构建与渲染;script因可能调用document.write或修改dom而必须保守阻塞,css则因需构建cssom才能生成渲染树而阻塞paint。

HTML 解析本身不阻塞,但默认的 <script></script> 和未优化的 <link rel="stylesheet"> 会打断 DOM 构建和渲染——所谓“零阻塞”,不是去掉资源,而是让它们不卡主线程。
为什么 <script></script> 默认阻塞 DOM 构建
浏览器解析 HTML 到 <script></script> 标签时,必须暂停解析、下载并执行脚本,因为 JS 可能调用 document.write() 或直接修改 DOM 结构。即使脚本里没写这类操作,浏览器也无法静态分析,只能保守阻塞。
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图,自动匹配视觉风格。触发场景:文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 同步脚本(无属性):阻塞解析 + 执行 + 渲染
-
async:下载不阻塞解析,但执行仍可能打断渲染(适合独立逻辑,如统计代码) -
defer:下载不阻塞解析,执行推迟到 DOM 构建完成后、DOMContentLoaded前(推荐用于模块化 JS)
示例:<script src="app.js" defer></script> 比放在
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










