太多的CSS會影響網站的性能嗎？

我已經研究過這個話題，我找不到我需要的確切答案。太多的CSS會影響網站的性能嗎？

例如，我有這麼多的div需要一個邊框。我可以寫一個單獨的css類像

.border{ 

    border: solid; 
    border-color: #C6C6C6; 
    border-radius: 5px; 

}

，並需要一個邊界每個div標籤使用它。或者我可以包括

 border: solid; 
     border-color: #C6C6C6; 
     border-radius: 5px;

屬性爲每個css類我寫我的div。

通過爲邊框編寫一個單獨的類並使用它減少了我的css文件中的大量行。但我的問題是，它會影響Web應用程序的性能，如果我爲每個爲我的div編寫的css類包含邊框屬性。

在此先感謝。

來源

2017-05-29 CraZyDroiD

它至少會影響流量，您的CSS和HTML應儘可能縮小。 –

我寧願合併這些東西：每個需要邊框的div上的'.border'類，以及用於定製事物的額外類。 – artur99

我認爲這取決於你需要多少種不同類型的邊框，就像你在你的問題中解釋過的那樣，如果你想爲多個div創建類似的邊框來創建公共邊框類，即使性能也是有意義的。 –

要公平，這是一個相當加載的問題...

我不知道你是否知道，但CSS表示層疊樣式表，它的建立是爲了「級聯」從表到html標記。所以簡短的答案是否定的，今天的互聯網連接可能不會。但是這裏有一些事情要考慮...

1）涅槃的CSS - 的最佳方式，以節省使用CSS的表現是「縮小」了。有許多在線生成器可以像這樣做https://cssminifier.com/。這將刪除文檔中不必要佔用kb的任何字符，例如空格和換行符。

2）用戶體驗 - 像美國或英國的國家現在，用戶在大多數情況下有機會獲得高速寬帶，但你必須考慮到一些非常非常老的連接，你會發現必須從每個標籤重新繪製該規則可能需要時間。

3）可讀性和調試 - 如果您需要回來TOT帽子後面的代碼，並決定要更改邊框顏色，你這樣做有這樣做，對每一個標籤申請這種變化與一種樣式表上的簡單變化相反。此外，如果您嘗試使用和瀏覽器內開發工具進行調試，您會發現這種方法也更加複雜，只需在一條規則上查找一個值，而不是將其應用於多個選項卡。

4）連帶效應 - 最後，這種完全無視於他們的風格從規則涓滴首位的CSS模型的點，到樣式聲明（HTML中的標題），標記，這製作這兩份文件，不僅易於閱讀，而且易於編輯。

所以總之，是有性能上的好處，但並不明顯，除非在較舊的連接上，但在其他發展領域的好處遠遠超過僅僅加載速度。

來源

2017-05-29 14:29:07

答案是肯定的！最佳實踐是擁有泛型類。

關於CSS方法論的一些文檔：http://codetheory.in/an-overview-of-oocss-bem-smacss/。

OOCSS，BEM和SMACSS是很好的方法來組織你的CSS。

來源

2017-05-29 14:18:21

通過編寫太多的CSS代碼可能會使您的CSS文件大小很大。如果你可以通過創建一個類來避免重複的代碼行，那就去做吧。避免重複代碼的最佳做法是，如果需要更改一行代碼的任何更改，它將反映每個位置。所以，如果有可能避免重複的代碼。並且儘量減少CSS的製作網站，這樣CSS文件會變小，因爲頁面加載時間可以得到改善。

來源

2017-05-29 14:21:25 manas

太多的CSS會影響網站的性能嗎？

回答

相關問題