我最近開始在一個非常大的高流量網站上工作。我們非常希望減少我們的樣式表的大小和數量,縮小是我們將追求的一條路線,但是任何人都知道用於檢查ID和班級使用的任何工具?從字面上掃描網站,看看有什麼活動和什麼不是?在大型網站上管理CSS
或者,任何軟件用於重新編譯css以減少重複和大小?
在此先感謝
我最近開始在一個非常大的高流量網站上工作。我們非常希望減少我們的樣式表的大小和數量,縮小是我們將追求的一條路線,但是任何人都知道用於檢查ID和班級使用的任何工具?從字面上掃描網站,看看有什麼活動和什麼不是?在大型網站上管理CSS
或者,任何軟件用於重新編譯css以減少重複和大小?
在此先感謝
字面上掃描網站,看看 什麼是積極的,哪些不是?
Dust-Me選擇器是一個Firefox插件,您可以使用它顯示哪些css規則未被使用。 http://www.sitepoint.com/dustmeselectors/
http://stackoverflow.com/questions/33242/how-can-i-find-unused-images-and -css-styles-in-a-website – toomanyairmiles 2009-11-03 13:19:46
讓我很不錯,但需要一個xml站點地圖,一旦提供了這樣一個大的地圖(35k行),它就會崩潰。 – toomanyairmiles 2009-12-01 13:55:38
我當然可以推薦Google的Page Speed(http://code.google.com/speed/page-speed/)來檢查您的網頁的性能(以及可能的改進)。 頁面速度還檢查您的網頁上的類和CSS的使用情況。
它與Firebug結合使用。
這是一個很好的建議,但不是針對問題的目的 – Faruz 2009-11-03 12:12:07
或者用於 任何軟件編寫所css來減少repition 和大小?
間接的另一個層面......你(和你的團隊)應該寫根據需要儘可能多的意見長的CSS文件,然後寫一個工具,根據需要,將發佈合併後的文件(不同的模板需要不同的文件) ,刪除評論和縮小爲http://www.cleancss.com可以做(CSSTidy)。如果您不能在1個月內修改文件或跟蹤修改(或者如果其他人必須這樣做,則更糟糕!),可讀性將首先出現。
其他選項是減少整個網站使用的模板數量。不需要兩個具有2px差異的模板(網格佈局是堅持這一點的好方法)或不一致的顯示錯誤消息的方式。如果尚未完成,請爲您的網站定義共同的外觀和感覺,並向網站設計人員提供說明。
我們擁有35,000頁的訂單,10個模板和約20%的網站位於CMS中。問題是找出哪些選擇器被使用,哪些不是在我們進行縮小處理之前 – toomanyairmiles 2009-12-01 13:57:36
儘管它反映了雅虎的建議和YSlow,但和我們的Google頁面速度相同,我的選擇器是個不錯的選擇。任何其他軟件人員?感謝那些已經回覆的人。 – toomanyairmiles 2009-11-03 13:17:11
http://stackoverflow.com/questions/135657/tool-to-identify-unused-css-definitions – toomanyairmiles 2009-11-03 13:21:41