📚 深度解析:HTML 壓縮器
💡 常見使用場景
- 去除註釋/空白/可選標籤減小體積。
- 壓縮郵件或 AMP 頁面:這類場景對體積敏感且不含互動指令碼,壓縮後能明顯減少傳輸位元組。
壓縮
`<html> <body><!--c--><p>x</p> </body></html>` → `<html><body><p>x</p></body></html>`。
❓ 常見問題(FAQ)
- 會破壞結構嗎?
- 合規壓縮不會,但需保留 pre/textarea 內空白。
- 為什麼壓縮後頁面顯示變了?
- 最常見是空白被刪導致行內元素間距變化——HTML 會把標籤間的換行渲染成一個空格,刪掉後相鄰元素就貼在一起了。其次是 <pre>/<textarea> 內的空白被誤刪,以及未閉合的可選標籤(如 </li>)被移除後影響 CSS 選擇器。壓縮後務必做視覺迴歸。