对于一个HTML元素,假设div有n个类,它如何影响呈现树以及性能如何
浏览器解析数据以构造DOM和CSSOM。 CSSOM和DOM树组合成一个渲染树,然后使用该渲染树计算每个可见元素的布局,并作为绘制过程的输入,绘制过程将像素渲染到屏幕上。优化这些步骤中的每一步都是实现最佳渲染性能的关键对于一个HTML元素,假设div有n个类,它如何影响呈现树以及性能如何,html,performance,dom,Html,Performance,Dom,浏览器解析数据以构造DOM和CSSOM。 CSSOM和DOM树组合成一个渲染树,然后使用该渲染树计算每个可见元素的布局,并作为绘制过程的输入,绘制过程将像素渲染到屏幕上。优化这些步骤中的每一步都是实现最佳渲染性能的关键 因此,拥有n个类会对渲染树的构造产生任何影响。浏览器会在DOM中搜索匹配的CSS规则,然后由浏览器渲染。从理论上讲,如果DOM必须为每个元素搜索大量样式表和类以找到匹配项,则需要更长的时间,但在当今处理器和浏览器速度更快、效率更高的情况下,这可能并不都是切实可行的。网上有一篇文章
因此,拥有n个类会对渲染树的构造产生任何影响。浏览器会在DOM中搜索匹配的CSS规则,然后由浏览器渲染。从理论上讲,如果DOM必须为每个元素搜索大量样式表和类以找到匹配项,则需要更长的时间,但在当今处理器和浏览器速度更快、效率更高的情况下,这可能并不都是切实可行的。网上有一篇文章你可能会感兴趣:。希望它能回答你的问题
我会尽你所能优化CSS。如果CSS中没有引用这些类,那又有什么关系呢?正如我所说,如果CSS中没有引用这些类,那么CSSOM就不相关了。此外,该文本是从问题中提取的,不受剽窃规则的限制。所以它不会对性能产生任何影响吗?正当
<div class="a b c d e f g h i j">
</div>