什麼是HTML 壓縮工具？
HTML 壓縮工具可移除 HTML 程式碼中多餘的空白、註解、可選標籤以及冗餘屬性，有效縮減檔案體積並提升頁面載入速度，直接改善 Core Web Vitals 評分和搜尋排名。
工具會折疊空白、刪除 HTML 註解，可選擇移除 </li>、</body> 等可省略的結束標籤，並把 <style> 與 <script> 區塊送進內聯 CSS/JS 壓縮器。輸出在功能上跟原檔完全一致，但體積通常縮小 20%–40%，能直接降低行動裝置上的 LCP 時間。
使用方法
- 步驟一 — 將 HTML 原始碼貼入輸入區域。
- 步驟二 — 設定選項：摺疊空白、移除註解、刪除可選標籤、壓縮內嵌 CSS／JS。
- 步驟三 — 複製壓縮後的 HTML 或將其下載為檔案，並查看檔案體積縮減的百分比。
何時使用
- 無法在建置階段壓縮的伺服端渲染頁面，仍要讓 HTML 回應更小。
- 電子郵件 HTML 範本，因為信件客戶端會截斷超過 102 KB 的訊息，每一 KB 都要省。
- 在行動 App 或 PDF 中嵌入 HTML 片段，封包大小直接影響下載時間。
結果
首頁 HTML 從 48 KB 壓縮至 31 KB，減少了 35%，在 3G 網路環境下可節省約 50 毫秒的載入時間。
常見問題
- 壓縮會不會把行內 JavaScript 或 CSS 弄壞？
- 壓縮會保留字串、樣板字面量、正則式中的有意義空白，行內 JS/CSS 壓縮器也是如此。如果有依賴 ASI 等特殊寫法，請關掉「壓縮內聯 JS」，僅折疊空白即可。
- 「移除可省略標籤」到底移除了什麼？
- HTML 規範允許省略、解析器能推斷的標籤：下一個 <li> 前的 </li>、區塊元素前的 </p>、</tr>、</td>，甚至 <html>、<body> 的開始標籤。瀏覽器解析結果一致，但部分舊式工具可能會抱怨。
- Gzip 已經在壓了，再 minify 是不是多此一舉？
- Gzip 有很大作用，但先 minify 通常還能多省 5%–10%，因為 Gzip 無法重新排版內容或去掉多餘的標記。最終送到瀏覽器的容量才決定 TTFB 表現。
- 壓縮後的 HTML 還能通過 W3C 驗證嗎？
- 在預設選項下可以。「移除可省略標籤」產生的 HTML 仍是合法的 HTML5，因為規範明確允許省略這些標籤。若必須嚴格符合 XHTML，請關掉這個選項。
- 可以把壓縮過的 HTML 還原回原本的格式嗎？
- 無法完全還原。空白、註解、可省略標籤一旦移除就拿不回來了。內建的「格式化」按鈕可以重新縮排讓程式碼再次易讀，但無法復原原始排版或你移除的註解。請另外保留原始檔。