編寫快速CSS指南

如果我爲Google進行CSS優化，結果通常是關於某種壓縮工具。現在忘記傳輸速度/解析速度，我想知道寫入規則的準則是什麼，快速到將應用到文檔。編寫快速CSS指南

基本例如：

<div class="a"> 
    <div class="x">...</div> 
    <div class="y">...</div> 
</div> 
<div class="b"> 
    <div class="x">...</div> 
    <div class="y">...</div> 
</div>

與

<div class="a x">...</div> 
<div class="a y">...</div> 
<div class="b x">...</div> 
<div class="b y">...</div>

，這些文件的CSS將需要不同的選擇：

.b .x {...}

與

.b.x {...}

就業績而言，有沒有理由支持前者或後者？當然，它將取決於選擇器引擎，但也許CSS規則適用於所有引擎將具有的自然實現算法。

我們知道如何估算不同選擇器的成本，這些選擇器在給定文檔時是等價的？

是否有指導這個地方？

它們是特定於瀏覽器的還是通用的？

來源

2012-01-19 spraff

調整CSS思維渲染引擎會使其渲染速度更快嗎？什麼是真實的 - 更小的CSS =更快的下載=更少的帶寬=更快的渲染。我懷疑在點之間留有空間會產生任何性能損失，如果它確實如此，那麼它們可能非常小以至於不需要對它們進行覈算。 CSS是用於樣式設計的，請不要開始使用「更快渲染」的方式輸入CSS的趨勢:) –

空格是語法，它完全**改變了選擇操作的含義。它將使用不同的算法，併產生不同的結果。問題是：在兩種方法給出相同結果的情況下，速度更快。 *這不是關於保存一個字節！* – spraff

我只會這樣說：你不能*依賴*實現細節。此外，由於您說**完全**會改變選擇操作的含義，所以**性能不存在問題，期間。** – BoltClock

如果我看到你的例子，我個人更喜歡第二個，因爲它減少了我的HTML標記，但在CSS中沒有太大的影響。如果標記更少，則需要更少的時間來編寫代碼&也加載頁面的時間更少。

來源

2012-01-19 12:12:07 sandeep

編寫快速CSS指南

回答

相關問題