多次导入相同的CSS文件会添加任何性能问题吗？

Question

我见过人们讨论相同的Javascript多次加载,因为代码每次运行时都会产生问题.

我在同一个DOM中多次包含相同的CSS文件(不能避免添加这个,因为我正在使用一些组件):

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

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

注意:由于我使用相同的CSS文件,因此只下载一次.

Answer 1

我认为这会增加不必要的开销，因为即使样式表缓存在浏览器中，它仍然必须检查它是否缓存了多个包含（除非您的浏览器在获取它们之前聚合所有唯一的样式表）。即便如此，我预计延迟会很小，但绝对不会提高性能。如果将样式表拆分为多个文件，由于并发 http 连接，您可能会在初始加载时获得可感知的性能增益，但这种分离的软件维护成本可能不值得，而且它不会为您带来任何帮助。您在后续页面加载时。