HTML 壓縮是指將 HTML 文件進行壓縮，通過去除不必要的空格、換行符、縮排、註釋和冗餘標籤來減少文件大小。這樣可以提高網頁加載速度，節省帶寬，並提升用戶體驗，特別是對於移動端用戶或網絡速度較慢的情況。HTML 壓縮不會改變頁面功能，壓縮後的文件仍然能夠正確渲染。
為什麼需要 HTML 壓縮？
提高網頁加載速度：壓縮後的 HTML 文件更小，可以減少傳輸時間，尤其在移動設備或低帶寬環境下，網頁加載速度會顯著提高，提升用戶體驗。
節省帶寬和存儲空間：當大量的 HTML 文件需要經常被加載或存儲時，壓縮能減少帶寬消耗和存儲需求，對大流量網站尤其重要。
提升 SEO：較快的頁面加載速度有助於提高網站的搜索引擎排名，因為搜索引擎會優先索引加載速度更快的網站。
改善性能：減少不必要的標籤和空白字符，能夠提高頁面渲染的效率，從而提高網站整體性能。
HTML 壓縮的方法
去除空格和換行符：移除 HTML 代碼中的多餘空格、換行符和縮排。
html
<!-- 未壓縮 -->
<div>
<h1>Welcome to My Website</h1>
<p>This is a simple HTML page.</p>
</div>
<!-- 壓縮後 -->
<div><h1>Welcome to My Website</h1><p>This is a simple HTML page.</p></div>
移除註釋：將 HTML 註釋去除，因為這些內容對頁面渲染無影響，且增加了文件大小。
html
<!-- 未壓縮 -->
<!-- This is a comment -->
<div></div>
<!-- 壓縮後 -->
<div></div>
縮短標籤屬性：使用縮寫屬性（如 class 和 id 名稱），並避免重複的屬性定義。
合併多個標籤：將相同類型的標籤合併，減少嵌套層級。