什么情况下会出现css阻塞？

css阻塞:

1. 将html解析为dom tree
2. 将css解析为cssom tree
3. 将 domtree 与cssom tree 合并生成render tree
4. 浏览器依照render tree开始布局

所以 css阻塞过程在于下载css资源以及解析生成cssom tree时,为了避免这种情况:

1. 精简css资源,减少响应时间
2. 利用媒体查询在不同设备,不同尺寸下使用不同的css
3. 利用媒体类型实现不同媒体不同css,例如: 打印时

<link href="print.css" rel="stylesheet" media="print"> <link href="other.css" rel="stylesheet" media="(min-width: 40em)">