html标签上的多个类是否总是会影响渲染性能？

概述关于在Chrome devtools中调试渲染性能的问题,我们看到了 interesting video.在他的课程中,Umar确定将html标签上的CSS类更改为渲染瓶颈的来源. Devtools表明,更改此类可能会影响html下面的DOM中的3,874个元素,并触发昂贵的重新计算样式 *** 作. 在过去,我已经将CSS类添加到我的html或body标签中,作为表达该级别页面状态的便捷方式. 您的CM 关于在Chrome devtools中调试渲染性能的问题,我们看到了 interesting video.在他的课程中,Umar确定将HTML标签上的CSS类更改为渲染瓶颈的来源. Devtools表明,更改此类可能会影响HTML下面的DOM中的3,874个元素,并触发昂贵的重新计算样式 *** 作.

在过去,我已经将CSS类添加到我的HTML或body标签中,作为表达该级别页面状态的便捷方式.

您的CMS可能出于同样的目的.例如,在WordPress网站中,您可能会看到一堆类,例如post-template-default单个单帖postID-99999单格式标准登录类别 – 新闻子类别-uk已悬停在帖子的body标签上.

我们应该避免这种做法吗？或者它只会在CSS规则中使用类时影响渲染性能？

解决方法 如果您应用了CSS样式,它应该只影响性能.

浏览器供应商花费大量时间来确保一流的性能,因此处理CSS规则以便可以非常有效地扫描它们以进行必要的渲染更改……甚至在应用它们时也会尝试优化将导致级联重排的更改.

总结

以上是内存溢出为你收集整理的html标签上的多个类是否总是会影响渲染性能？全部内容，希望文章能够帮你解决html标签上的多个类是否总是会影响渲染性能？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。