多次导入同一个CSS文件是否会增加性能问题？

我看到人们多次讨论同一个Javascript的加载问题，每次代码在每个include上运行时都会产生问题

我在同一个DOM中多次包含同一个CSS文件（无法避免添加此文件，因为我正在使用某些组件）：

DOM大小会增加吗

CSS文件是否在每次包含时都被渲染

这会影响页面的性能吗

---

注意：由于我使用的是同一个CSS文件，它只下载了一次。

我认为这会增加不必要的开销，因为即使样式表缓存在浏览器中，它仍然需要检查是否缓存了多个包含（除非您的浏览器在获取它们之前聚合了所有唯一的样式表）。即使这样，我也希望延迟最小，但绝对不是性能改进。如果将样式表拆分为多个文件，由于并发http连接，您可能会在初始加载时获得明显的性能提升，但这种分离的软件维护成本可能不值得，而且在后续页面加载时也不会对您产生任何影响。

如果您的CSS文件一旦呈现并使用，CSS的第二次导入将不会被使用，我认为这不会导致任何问题。例如：

import css 1
import css 2

然后您在这里进行了

，并且该

测试对于css 1导入的该标记只进行了一次，而导入css 2将只进行导入而不使用。从这个意义上讲，我想说，这只是开销，并且占用了加载文件的少量时间。我没有看到更多的问题

import css 1
import css 2