多次導入相同的CSS文件是否會增加任何性能問題？

Question

我已經看到人們討論相同的Javascript多次加載，創建問題，因爲代碼每次運行時都會出現問題。

我包括相同的CSS文件中多次相同的DOM（不能避免添加這是我使用的一些部件）：

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

1. 請問DOM尺寸的增加？
2. 每次包含CSS文件時都會呈現嗎？
3. 這會影響頁面的性能嗎？

注意：由於我使用的是同一個CSS文件，因此它只下載一次。

Answer 1

我認爲這會增加不必要的開銷，因爲即使樣式表緩存在瀏覽器中，它仍然需要檢查它是否被緩存爲多個包含（除非您的瀏覽器在獲取之前彙總了所有獨特的樣式表他們）。即使在那樣的情況下，我也希望延遲很小，但絕對不是性能改進。如果將樣式表分成多個文件，由於併發http連接，您可能會在初始加載時感覺性能提升，但這種分離的軟件維護成本可能不值得，而且它不會爲你在後續頁面加載。

Answer 2

如果您的CSS文件曾經渲染和使用，CSS的第二次導入將不會被使用，我不認爲它會導致任何問題。例如：

import css 1 
import css 2 

，那麼你必須在這裏<p class="test">這test只服用一次這個標籤從CSS 1導入和導入CSS 2將只進口不使用。從這個意義上說，我會說，這只是開銷，並且會在加載文件時花費很少的時間。我在這裏看不到更多的問題。