CSS 壓縮器會先把樣式表解析成 AST,執行壓縮流程,再重新產生精簡 CSS。這比單純移除空白更能安全處理多餘結構。
當你需要為 demo、靜態片段或大小比較產生精簡樣式表時,可以用它快速處理。原始可讀 CSS 應保留在 repo 中,壓縮結果則視為可部署產物。
關於這個主題的常見疑問與實用解答。
CSSO 引擎會移除不必要的空白與一般註解、縮短值,並合併可精簡的規則。只有位於樣式表最外層的 /*! 註解會保留;規則或 @media 區塊內的註解仍會移除。需要保留授權聲明時,請將它放在最外層的 /*! ... */ 註解中,並核對輸出。
引擎以保留樣式效果為目標,但不只移除格式,也可能改寫值與重組規則。請保留原始 CSS,部署前在目標瀏覽器中核對結果,尤其是使用較新的 CSS 語法時。
沒有固定的縮減比例,取決於空白、註解、重複規則,以及輸入是否已壓縮。原本就精簡的 CSS 可能只會小幅縮減,請比較自己的輸入與輸出,不要預設一定能減少多少。
不是。這個 CSS 壓縮工具會透過伺服器端處理壓縮引擎,因此請避免貼上私人或敏感樣式表。