如何在樣式表中查找未使用的CSS樣式

CSS

即使緩存了樣式表,但是第一次有人訪問您的網站時,a腫的CSS文件實際上會使您的網站變慢。 對於第一印象來說還算不錯。 隨著站點的增長,它們傾向於使用新的小部件和對象進行擴展,設計人員會繼續使用越來越多的樣式表選項進行微調。 隨著時間的流逝,您的樣式表可能會變得腫,並成為 為什麼您的網站下載速度較慢 比別人。

我在網上看到了其他CSS驗證工具。 我們已經使用 乾淨的CSS 通過更好地組織和縮小文件上的數據來減小文件大小。 但是,當您使用第三方來分析您的網站時,請務必小心。 如果他們抓取一頁並分析您的CSS,則該工具可能會讓您刪除其他頁面上使用的大量樣式。

情況並非如此 未使用的CSS –一種工具 安德魯·巴爾多克(Andrew Baldock) 來自Mindjet, 思維導圖 申請,昨天給我看了。 該工具將爬網您的網站並識別未使用的CSS。 您甚至可以檢查想要保留的樣式,而無需進行分析。 最重要的是,您可以在最小化例程運行之後下載樣式表。

未使用的css

上方是儀表板, 未使用的CSS 發現它可以使我的樣式表減少56%。 我們將繼續測試該工具–我仍然擔心我們通過Javascript和Ajax引入的對象。 但是,對於我們來說,這似乎是一個很好的資源。

2 個評論

  1. 1
  2. 2

你覺得呢?

本網站使用Akismet來減少垃圾郵件。 了解您的評論如何處理.