我正在学习前端网络开发最佳实践,并遇到了这两个概念 - "渲染阻止CSS"和#34; FOUC(无格式内容的闪光)"。
然而,这两个概念似乎与我相矛盾。这是我的理解:
- 浏览器从上到下解析HTML,并尝试尽快呈现内容。将CSS放在页面底部会导致FOUC问题。
- CSS是一种渲染阻止资源。在构建CSSOM(加载所有CSS文件)之前,浏览器不会渲染任何内容。
这里是我的问题:
- 如果浏览器从上到下解析并呈现页面,在此过程中如何知道是否有更多CSS文件?
- 如果浏览器知道在开始渲染之前应该获取多少CSS文件,为什么FOUC问题仍然存在?
醇>
感谢您所有的时间来回顾我的问题,如果我误解了任何问题,请纠正我。