CSS 加载是否会阻塞 DOM 树解析和渲染?
现在在 Console 上看到这段话,说明已经完成 DOM 树解析。但页面上却没有显示这段话,说明还未完成渲染,这是因为 bootstrap.css 还在加载,阻塞了 DOM 树的渲染。
CSS 加载是否会阻塞脚本执行?
加载 bootstrap.css 的过程:
加载中...
从时间前后对比,可以看到
CSS 加载会阻塞脚本执行
。如果时间对比不明显,请降低网速后重试。参考
浏览器渲染机制
了解更多。
DOMContentLoaded 是否需要等待 CSS 加载完成?
这里用两个 iframe 来对比,没看清楚可以右键 iframe 选择 Reload frame。
脚本放在样式加载前
样式加载前后都有脚本