性能折衷 - CSS效率，CSS文件大小，HTML文件大小

從我的解釋來看，google建議通過id定位HTML元素的效果要好於純粹通過hierachy定位，但是如果將文件大小添加到此等式中，優先級如何結束？性能折衷 - CSS效率，CSS文件大小，HTML文件大小

要說清楚，這裏有三個因素，我希望討論兩者之間的權衡。

該網頁不建議只是隨意添加更多的class和id，但使用更明確的選擇可以提高性能。你可以在不添加額外的ID /類的情況下實現這一點。 – akamike 2010-05-17 13:07:49

好的，謝謝我重寫了它，現在有效嗎？歡呼 – 2010-05-17 13:19:32

總的來說它可能是更好地保持HTML文件大小更小，因爲HTML主要是動態的，很難緩存。

CSS通常是靜態的且易於緩存，因此如果您將緩存標頭設置爲正確，則文件大小並不那麼重要。如果選擇器表達式不太複雜，CSS選擇器可能是最有效的。我相信ID選擇器在許多瀏覽器中都進行了優化。

如果你想保持你的CSS效率，那麼使用一個簡單的可視佈局，幾個簡單的CSS選擇器，並使用較新的CSS效果。

這裏是一個很好一套HTML性能的最佳做法：http://developer.yahoo.com/performance/rules.html

2010-05-17 13:06:19

回覆：「ID選擇器在許多瀏覽器中進行了優化」 - 大多數.net項目需要避免HTML ID的樣式在我的經驗（他們通常設置爲GUID的）。這是關於兩者之間關於緩存的靜態/動態差異的好消息。 – 2010-05-17 13:11:22

你只提到CSS文件大小與HTML文件大小，你對CSS效率與CSS文件大小有什麼看法？謝謝 – 2010-05-17 13:13:27

回答