css聲明效率

將CSS代碼分離爲多個聲明會爲用戶帶來更多開銷嗎？css聲明效率

我見過像這樣有組織的一些.css文件：

/* Font Styles */ 
#text{ font-size: 12px; color: white;} 
.highlight{ color: red} 
/* END */ 

/* Div Positioning */ 
#text{ position: absolute;} 
/* END */

莫非這會引起其他潛在的低效率？我知道這個規模的東西沒有什麼明顯的效果，但是在大規模的樣式表上呢？

來源

2009-10-06 Derleek

常識說，你有更多的規則，會有更多的開銷。但是，CSS解析通常是相當快的，所以我不會擔心它，除非你的樣式表真的是巨大的。

來源

2009-10-06 16:47:36 slikts

另外你還應該考慮的是CSS和HTML的大小 - 如果你爲每個小東西創建了CSS選擇器，然後用它來撒上你的HTML，下載的大小就會增加，用戶將會稍微等一下查看網站的時間更長 - 將其添加到解析CSS的可能很小的開銷，你可以得到一些值得優化的東西。 – 2009-10-06 16:56:01

它可以，但只有當你有成千上萬的選擇器。閱讀這篇文章的更多信息： http://www.stevesouders.com/blog/2009/03/10/performance-impact-of-css-selectors/

來源

2009-10-06 16:46:50

我認爲理論上答案是肯定的。

瀏覽器必須解析新規則，它必須在DOM中再次查找#text元素，並且它必須執行任何新的佈局/渲染計算。

雖然如您所指出的那樣，在開始優化之前請等到這是個問題。

來源

2009-10-06 16:47:45

回答

相關問題