Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
对于一个HTML元素,假设div有n个类,它如何影响呈现树以及性能如何_Html_Performance_Dom - Fatal编程技术网

对于一个HTML元素,假设div有n个类,它如何影响呈现树以及性能如何

对于一个HTML元素,假设div有n个类,它如何影响呈现树以及性能如何,html,performance,dom,Html,Performance,Dom,浏览器解析数据以构造DOM和CSSOM。 CSSOM和DOM树组合成一个渲染树,然后使用该渲染树计算每个可见元素的布局,并作为绘制过程的输入,绘制过程将像素渲染到屏幕上。优化这些步骤中的每一步都是实现最佳渲染性能的关键 因此,拥有n个类会对渲染树的构造产生任何影响。浏览器会在DOM中搜索匹配的CSS规则,然后由浏览器渲染。从理论上讲,如果DOM必须为每个元素搜索大量样式表和类以找到匹配项,则需要更长的时间,但在当今处理器和浏览器速度更快、效率更高的情况下,这可能并不都是切实可行的。网上有一篇文章

浏览器解析数据以构造DOM和CSSOM。 CSSOM和DOM树组合成一个渲染树,然后使用该渲染树计算每个可见元素的布局,并作为绘制过程的输入,绘制过程将像素渲染到屏幕上。优化这些步骤中的每一步都是实现最佳渲染性能的关键


因此,拥有n个类会对渲染树的构造产生任何影响。

浏览器会在DOM中搜索匹配的CSS规则,然后由浏览器渲染。从理论上讲,如果DOM必须为每个元素搜索大量样式表和类以找到匹配项,则需要更长的时间,但在当今处理器和浏览器速度更快、效率更高的情况下,这可能并不都是切实可行的。网上有一篇文章你可能会感兴趣:。希望它能回答你的问题


我会尽你所能优化CSS。

如果CSS中没有引用这些类,那又有什么关系呢?正如我所说,如果CSS中没有引用这些类,那么CSSOM就不相关了。此外,该文本是从问题中提取的,不受剽窃规则的限制。所以它不会对性能产生任何影响吗?正当
<div class="a b c d e f g h i j">
</div>