什麼是 CSS 壓縮?為什麼每個網站都需要它?
開發者編寫的樣式表剖析
當專業開發者編寫 CSS 時,通常會為了可讀性和可維護性而進行格式化,如使用縮排、空行和註釋。然而,這些對於瀏覽器渲染而言都是冗餘的位元組。從瀏覽器的角度看,壓縮後的一行程式碼與精心格式化的 20 行程式碼完全一致。CSS 壓縮就是將適合人類閱讀的程式碼轉換為機器最優化版本的自動化過程,永久減少位元組數而不改變任何功能。
實際節省的規模:真實數據
通常一個中型網站的 CSS 樣式表在未壓縮時約為 80–150 KB。經過專業壓縮後,體積通常會降至 45–90 KB — 原始檔案大小縮減了 30% 到 50%。對於使用 Bootstrap、Tailwind 或 Sass 的大型應用,未壓縮樣式表可達 300–500 KB,壓縮後可降至 200 KB 以下。
對於每天有 100,000 名使用者的網站,減少 50 KB CSS 體積每年可節省數 TB 的流量頻寬,直接降低託管成本並顯著提升行動端使用者的體驗。