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

CSS

即使您的樣式表被緩存,當有人第一次訪問您的網站時,一個臃腫的 CSS 文件確實會減慢您的網站速度。 這對於第一印象來說並不算太好。 隨著網站的發展,他們傾向於使用新的小部件和對象進行擴展,設計師會繼續使用越來越多的樣式表選項進行微調。 隨著時間的推移,您的樣式表可能會變得非常臃腫並成為 為什麼您的網站下載速度較慢 比別人。

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

情況並非如此 未使用的CSS –一種工具 安德魯·巴爾多克(Andrew Baldock) 來自Mindjet, 思維導圖 應用程序,昨天給我看了。 該工具會抓取您的網站並識別未使用的 CSS。 無論分析如何,您甚至可以檢查要保留的樣式。 最重要的是,您可以在運行 minify 例程後下載樣式表。

未使用的css

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

2 個評論

  1. 1
  2. 2

你覺得呢?

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