cssom构建不阻塞dom解析但阻塞渲染树合成，因渲染需dom与样式同时就绪；media属性可豁免非关键css初始阻塞；内联关键css+外链非关键css并预加载可显著提升首屏性能。

为什么CSSOM构建会卡住渲染树，但不卡DOM解析

CSSOM构建本身不中断HTML字节流的解析，DOM树照常生成；但它会阻塞渲染树（Render Tree）的合成——因为浏览器必须等每个可见节点的最终样式计算完成，才能决定怎么布局、绘制。这导致一个典型现象：document.querySelector("header")在