2009-11-03 45 views
5

我最近開始在一個非常大的高流量網站上工作。我們非常希望減少我們的樣式表的大小和數量,縮小是我們將追求的一條路線,但是任何人都知道用於檢查ID和班級使用的任何工具?從字面上掃描網站,看看有什麼活動和什麼不是?在大型網站上管理CSS

或者,任何軟件用於重新編譯css以減少重複和大小?

在此先感謝

+0

儘管它反映了雅虎的建議和YSlow,但和我們的Google頁面速​​度相同,我的選擇器是個不錯的選擇。任何其他軟件人員?感謝那些已經回覆的人。 – toomanyairmiles 2009-11-03 13:17:11

+0

http://stackoverflow.com/questions/135657/tool-to-identify-unused-css-definitions – toomanyairmiles 2009-11-03 13:21:41

回答

7

字面上掃描網站,看看 什麼是積極的,哪些不是?

Dust-Me選擇器是一個Firefox插件,您可以使用它顯示哪些css規則未被使用。 http://www.sitepoint.com/dustmeselectors/

+0

http://stackoverflow.com/questions/33242/how-can-i-find-unused-images-and -css-styles-in-a-website – toomanyairmiles 2009-11-03 13:19:46

+0

讓我很不錯,但需要一個xml站點地圖,一旦提供了這樣一個大的地圖(35k行),它就會崩潰。 – toomanyairmiles 2009-12-01 13:55:38

3

我當然可以推薦Google的Page Speed(http://code.google.com/speed/page-speed/)來檢查您的網頁的性能(以及可能的改進)。 頁面速度還檢查您的網頁上的類和CSS的使用情況。

它與Firebug結合使用。

+3

這是一個很好的建議,但不是針對問題的目的 – Faruz 2009-11-03 12:12:07

1
  • Gzip壓縮在網絡服務器。
  • 爲了避免重新加載CSS文件,將來會存在很久的到期日期。
1

或者用於 任何軟件編寫所css來減少repition 和大小?

間接的另一個層面......你(和你的團隊)應該寫根據需要儘可能多的意見長的CSS文件,然後寫一個工具,根據需要,將發佈合併後的文件(不同的模板需要不同的文件) ,刪除評論和縮小爲http://www.cleancss.com可以做(CSSTidy)。如果您不能在1個月內修改文件或跟蹤修改(或者如果其他人必須這樣做,則更糟糕!),可讀性將首先出現。

其他選項是減少整個網站使用的模板數量。不需要兩個具有2px差異的模板(網格佈局是堅持這一點的好方法)或不一致的顯示錯誤消息的方式。如果尚未完成,請爲您的網站定義共同的外觀和感覺,並向網站設計人員提供說明。

+0

我們擁有35,000頁的訂單,10個模板和約20%的網站位於CMS中。問題是找出哪些選擇器被使用,哪些不是在我們進行縮小處理之前 – toomanyairmiles 2009-12-01 13:57:36