【问题标题】:what happens to the rendering engine in chrome when the browser download CSS files? [closed]当浏览器下载 CSS 文件时,chrome 中的渲染引擎会发生什么? [关闭]
【发布时间】:2021-06-02 03:49:27
【问题描述】:

当浏览器去下载CSS文件时,chrome中html文件的解析过程会发生什么? 许多选项可能会发生,但无法理解究竟会发生什么?

(1)第一个选项:当 chrome 中的渲染引擎看到 CSS 文件时,某些东西会去下载它,并且渲染将停止解析并且在下载完成之前什么都不做,那么有两个选项:

a)引擎将开始解析 CSS 文件,从 css 完成后它会继续解析 html 并渲染它?

b) 下载完成后引擎会再次回到html,解析完成后会回到css。

(2)第二个选项:下载不会影响html的解析,在后台下载时会继续解析html,下载完成后有两个选项:

a) 引擎会继续解析html,然后从html完成后返回下载的css?

b) 引擎在完成 css 后离开 html 的其余部分时会立即解析 css?

【问题讨论】:

  • 哪个 HTML 解析器?
  • 我的意思是渲染引擎通常会读取 html 文件,无论解析过程中发生的详细步骤是什么
  • 哪一个?有很多。
  • 我不知道我是否理解你的问题,但如果你的意思是不同的浏览器做不同的事情,让我们选择 chrome

标签: html css w3c web-performance


【解决方案1】:

在 Chromium 中会发生以下情况:

CSS 文件,与通过<link> 元素加载的任何其他文件一样,不会影响解析器。解析器将继续并同时发出 GET 请求以获取请求的源。 CSS由主线程解析,但这是在解析HTML之后完成的。

【讨论】:

  • 所以当css下载完成时chrome会同时读取html和css?
  • 也不是 V8 引擎只适用于 javascript 吗?
  • 此时会先解析HTML,再解析CSS。只有 CSS 文件的下载同时发生。
  • 非常感谢您对 Keimeno 的帮助。如果可以请回答我的最后一个问题。这与 JS 文件不同,因为脚本会在下载过程中阻止解析,对吗?
  • 好的,这对我来说很清楚了。非常感谢 Keimeno 的大力帮助??。
猜你喜欢
  • 2018-02-20
  • 2010-09-19
  • 2014-10-23
  • 1970-01-01
  • 2011-01-06
  • 2015-03-25
  • 2016-12-15
  • 2010-11-16
  • 2010-12-21
相关资源
最近更新 更多