浏览器渲染是边下载、边解析、边阻塞、边调整的动态过程；HTML解析时遇无属性script会同步阻塞解析和渲染，因脚本可能修改DOM或读取未生成节点，必须等待其下载执行完毕才能继续。
浏览器渲染不是“先建DOM再建CSSOM最后合成”，而是边下载、边解析、边阻塞、边调整的动态过程；关键路径上任意一环卡住，整个页面就白屏。
HTML解析时遇到<script>为什么会阻塞？</script>
因为浏览器默认按顺序执行脚本，而脚本可能调用 document.write()、修改 document.body 或读取尚未生成的 DOM 节点。为保证执行结果可预测，HTML 解析器必须暂停，等脚本下载、编译、执行完毕才能继续。
DeepBI DHTML 页面生成器
下载
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
-
<script></script>（无属性）：同步阻塞解析和渲染，最重 -
<script async></script>：并行下载，下载完立刻执行（可能在 DOM 未解析完时就执行） -
<script defer></script>：并行下载，DOM 解析完成后、DOMContentLoaded前按顺序执行 - 现代实践中，内联小脚本可保留，但外部 JS 应优先用
defer，除非需尽早干预 DOM
CSS为什么是渲染阻塞资源？
浏览器不会等待全部 CSS 下载完成才开始解析 HTML，但会等到「关键 CSS」（即影响首屏可见区域样式的 CSS）解析完毕，才构建渲染树并进入布局阶段。否则用户可能看到未样式化的 HTML（FOUC），或布局反复重排。
-
默认阻塞渲染，即使放在
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
