gpt4 book ai didi

css - 浏览器是否在加载 CSS 文件时解析 CSS?

转载 作者:行者123 更新时间:2023-11-28 15:11:44 28 4
gpt4 key购买 nike

浏览器是否在加载 CSS 文件时解析 CSS?还是在整个 CSS 文件被浏览器下载后才进行解析?不同浏览器的做法有区别吗?我在哪里可以找到这种底层信息?

这个问题不是 Load and execution sequence of a web page? 的重复问题问题,因为它只涉及CSS下载/解析部分,而在相关问题中没有详细描述同步/异步CSS文件下载/解析的答案。

最佳答案

CSS 与 HTML 一起是渲染阻塞资源。浏览器需要它来构建渲染树。所以是的,它在下载后立即转换为 CSSOM。

在某些情况下,CSS 不会立即被解析,例如,如果将它们添加为打印样式表:<link href="print.css" rel="stylesheet" media="print"> .在这种情况下,只有在打印页面时才会解析它们。

如果您使用的是 Chrome 开发者工具,您实际上可以自己尝试。

enter image description here

红线表示 Load 事件,即所有元素都已下载和解析的时间。深绿色部分是 CSS 已解析并正在等待其他资源加载。

更多信息:

关于css - 浏览器是否在加载 CSS 文件时解析 CSS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49628981/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com