不必要的CSS和優化

是否包含不必要的CSS會減慢瀏覽器（Chromium，Mobile Safari）？不必要的CSS和優化

我的意思是，

function insert_style_sheet() 
{ 
    include "style_sheet.tpl"; 
}

在每個PHP文件

。模板文件style_sheet.tpl如下：

<link rel="StyleSheet" type="text/css" href="css/main.css"> 
<link rel="StyleSheet" type="text/css" href="css/controls.css"> 
<link rel="StyleSheet" type="text/css" href="css/whatever.css">

來源

2011-12-04 noober

是的，你可以嘗試用像YSlow這樣的性能分析器來測量差異。一個或多個樣式表可能具有可忽略的速度效果，具體取決於它的大小。從本質上講，更多樣式其加入到管道：

更多CSS規則，瀏覽器必須對
更多HTTP檢查每個元素往返搶CSS文件（減少HTTP調用的數量是很大的重要性，看看你的組合樣式表）
必須被下載

正如保羅愛爾蘭recently tweeted，「更多的字節當你優化您的網站/應用程序的性能，你的重點是：1。網絡連接2 。DOM訪問3. Javascript選擇imizations「。

來源

2011-12-04 01:48:11

那麼CSS的一般規則是什麼？我應該總是合併所有的CSS來減少網絡連接數量嗎？ – noober

這取決於。合併CSS通常是一個非常好的主意，最小化總是一個好主意。合併CSS的唯一缺點是一些頁面可能不需要大多數CSS規則，但用戶仍然需要下載完整的合併樣式表。如果你有很多獨特的頁面和頁面特定的CSS，並且有很多單獨的CSS文件，那麼合併可能會爲其他頁面造成不必要的膨脹。 –

它肯定會減慢您的網站速度。儘可能減少css文件的數量是非常合適的。這也取決於每個文件中有多少css，以及它們是否膨脹。

來源

2011-12-04 01:45:02 Scott

頁面加載時間受：

的.css文件下載數
的.css文件下載大小

頁的性能：（滾動或調整瀏覽器窗口時看得最清楚）

瀏覽器必須查找的選擇器數量。
上的各個選擇

一些屬性所以...合併文件，刪除未使用的CSS屬性和選擇。壓縮你的css，但保存一個未壓縮的版本，以便你可以用語義編輯，然後壓縮並保存。

這就是我如何使用CSS。希望對你有所幫助！

來源

2011-12-04 01:50:53 alt

不必要的CSS和優化

回答

相關問題