css - 多次导入相同的 CSS 文件是否会增加任何性能问题？

Question

我看到有人讨论过多次加载相同的 Javascript，每次包含时代码都会运行，这会产生问题。

我在同一个 DOM 中多次包含同一个 CSS 文件(因为我正在使用某些组件，所以无法避免添加它):

    <link href="style.css" rel="stylesheet" type="text/css">

1. DOM 大小会增加吗？
2. CSS 文件是否每次都在每次包含时呈现？
3. 这会影响页面的性能吗？

注意:因为我使用的是同一个 CSS 文件，所以它只下载了一次。

Answer 1

如果您的 CSS 文件一旦渲染和使用，将不会使用 CSS 的第二次导入，我认为这不会导致任何问题。例如:

import css 1
import css 2

然后你在这里<p class="test">还有这个test只从 css 1 import 中为这个标签取一次，而 import css 2 只会被导入而不会被使用。从这个意义上说，我会说，这只是开销，并且会占用少量时间来加载文件。我在这里看不到更多问题。