CSS子类会影响页面性能吗?

时间:2020-10-14 18:26:47

标签: css

让我们考虑一下是否只有子类什么都不做的情况。例如:

.item.01 { 
     font: bold;
}
.item.02 { 
     font: bold; 
}

...

and so on

问题是:此类子类可以容纳多少

  • 影响页面加载性能
  • 严重影响页面加载性能

1 个答案:

答案 0 :(得分:2)

如果没有包含这些类的元素,则绘制CSS不会造成性能损失。

但是,如果有大量这些,将会增加css文件的大小。这将影响下载css文件和解析它的时间。

答案是,无论如何,它都会影响您的表现。您应该有几百个左右没有任何大问题的情况下是安全的,但是如果有成千上万个,则会看到性能下降。

如果未使用CSS,则可以尝试清除它们,但是无论如何都需要生成它们。

https://purgecss.com/

相关问题