渐进式渲染如何工作?

时间:2014-03-01 01:43:13

标签: html http browser

首先,我要解释一下我认为渐进式渲染是如何工作的,这样如果我错了或遗漏某些东西你就可以纠正我。

当您请求页面时,浏览器会尝试尽快显示元素,即使它没有收到所有文档,但为此需要已经下载所有样式,对吧?

我的问题是: 浏览器如何知道还没有要提取的样式?

我能想到的唯一方法是获取整个文档并解析它,但是渐进式渲染将毫无意义,因为所有元素都已存在!

感谢。

1 个答案:

答案 0 :(得分:1)

当您在头部加载CSS时,您的浏览器将在显示页面中的元素之前下载该CSS。这样你就不会得到FOUC(在大多数情况下)。

如果您在其他地方加载了CSS,则完全有可能在加载CSS之前显示您的页面。

  

浏览器如何知道还没有要提取的样式?

浏览器解析文档,并知道还有什么要下载。如果以后加载更多的CSS,它会将CSS添加到页面并根据需要重绘页面。