什麼是 CSS 壓縮器?
免費線上 CSS 壓縮器。壓縮 CSS 程式碼,刪除多餘空格與註解。
CSS 檔案可能含有大量不必要的空白、註解與多餘排版,這些內容會增加檔案大小,卻不影響樣式的呈現。CSS Minifier 會移除這些多餘內容,縮小檔案大小並改善正式網站的頁面載入時間。
縮減流程會移除所有 CSS 註解(/* ... */)、折疊換行與多餘空格、移除右大括號前的尾端分號,並移除選擇器、屬性與值周圍不必要的空白。縮減後的 CSS 功能完整——每個選擇器、屬性與值都原封不動。只有瀏覽器在解析時會忽略的排版會被移除。
統計面板會顯示原始與縮減後的檔案大小、縮減百分比與節省的位元組數。依原始 CSS 的撰寫方式,典型縮減幅度為 15-40%。文件註解豐富、排版囉嗦、多個空行的檔案縮減幅度最大。縮減後的 CSS 通常會搭配其他最佳化,例如合併(將多個 CSS 檔案合而為一)與伺服器端的 Gzip 壓縮。
務必只在正式部署時縮減 CSS。開發期間,帶註解的可讀排版對除錯與團隊協作至關重要。此工具最適合作為建置流程的一部分,或在將程式碼從開發移往正式環境時做一次性最佳化。CSS 縮減是無損操作——縮減後的檔案與原始檔案轉譯結果完全相同。