做未使用的CSS樣式影響加載時間

我想知道如果不使用CSS樣式影響加載時間，因爲我使用這種格式做未使用的CSS樣式影響加載時間

/*=================== 
     Nav-Styles 
===================*/

不過，我也用結尾來寫我的代碼通常打破我的我的代碼段。它有一個代碼導航儀，檢測IDS後跟{}

什麼，我想可能與我的代碼組織幫助是創建打破這種格式

/*========================================== 
    #----NAV-STYLES-BEGIN {} /* Nav Styles */ 
==========================================*/

，這將意味着我的分節符它們將出現在代碼導航器可以快速跳轉。但是，如果這會導致與速度有關的問題，手段將超過最終結果。

這是一個壞主意，或者它的差異是如此微不足道，以至於如果我想要它值得去做呢？

來源

2013-03-08 gcoulby

任何通過線路傳遞給客戶端的未使用的CSS或JS都會至少在一定程度上損害站點性能。未使用的CSS增加了頁面的大小，因此增加了下載頁面所需的時間。這裏和那裏的幾個字符不會對您的下載時間產生巨大影響，但是如果有大量未使用的樣式可能會產生影響。這就是爲什麼許多人壓縮他們的CSS和JS。

來源

2013-03-08 11:23:46

這樣做的效果並不明顯，最多可以將其描述爲可以忽略不計。無論如何，您可以使用構建腳本來刪除所有評論並縮小CSS。這將改善加載時間，如果只是稍微。

簡短的答案 - 去任何最容易發展。您可以稍後擔心生產。

I hesitate to add

來源

2013-03-08 11:28:57 Swadq

這就是我的想法，我喜歡CSS並盡力用CSS來盡我所能。但是，我也是組織的堅強者。我只是希望你可以把錨鏈接放在CSS中，這樣你就可以創建一個通用的內容區域。這是一個非常有趣的閱讀。這當然是正確的，我製作的這個網站非常輕巧，不應該出現問題，任何使代碼更易於閱讀的內容在長期內都會更好，即使它犧牲了幾KB。我不認爲我會用Javascript或php做 - 不需要那麼多 – gcoulby 2013-03-08 12:11:13

這裏的答案是不正確的。

未使用的CSS做了兩兩件事：

添加一個需要下載多個字節之前引擎就可以開始渲染頁面
瀏覽器引擎要經過各CSS選擇器，以評估是否在頁面上以及它應該如何呈現。

第二部分至關重要。如果你的css文件的50％是未使用的CSS，那麼基本上瀏覽器引擎需要兩倍的時間來呈現你的CSS頁面。當然，你也有重要的CSS選擇器類型，所以兩倍的長度更像一個簡單的例子，而不是完整的事實。即使當文件緩存在本地驅動器上時，從未使用過的未使用的CSS也會增加瀏覽器的頁面加載時間。

來源

2013-09-16 15:36:51

你知道任何測量移動設備頁面渲染速度的工具嗎？提前致謝 – 2013-11-19 14:54:56

做未使用的CSS樣式影響加載時間

回答

相關問題