壓縮後的 HTML 能小多少?

在 gzip 前通常會縮小 5% 到 15%,在空白與註解多的頁面上更明顯。gzip 之後節省幅度會降到只剩幾個百分點——但首次繪製時的每一個位元組都很重要。

壓縮會弄壞我的頁面嗎?

只要輸入是合法 HTML 就不會。壓縮器會完整保留 DOM 結構。行內元素之間的空白有時是有意義的,所以工具會在可能影響渲染的地方保留它。

預設會。您可以透過保留註解的切換選項,保留條件式註解(舊版 IE 專用區塊)與授權標頭。一般註解會被去除以節省位元組。

可以。美化器會解析任何扁平 HTML,並依 DOM 樹進行縮排。即使輸入是建置流程的壓縮輸出,結果也會變得可讀。

不會。處理完全在您的瀏覽器中執行。沒有任何內容被上傳或記錄。

HTML 壓縮與美化工具

注重隱私的設計 — 完全在您的瀏覽器中執行

在瀏覽器中壓縮或美化 HTML。Toova 會去除空白、註解與可省略的引號,讓 HTML 在正式環境變得更精簡,也能把壓縮過的標記美化成真正可讀的格式。

標籤之間的空白、屬性值周圍多餘的引號、可省略的結束標籤、註解與空屬性,累積起來體積就很可觀。壓縮模式會安全地去除這些內容——輸出在每個現代瀏覽器中渲染結果一致。對於非常大的頁面或由 CDN 提供的靜態 HTML,在壓縮生效前,對首位元組時間就能看到明顯的節省。

當您要稽核機器產生的 HTML、為伺服器渲染頁面除錯,或閱讀靜態網站產生器的輸出時,美化模式正是您要的。Toova 會把扁平的單行 HTML 展開成樹狀的縮排結構,區塊邊界一目了然。縮排層級可以調整——2 個空格、4 個空格或 Tab——依您的閱讀習慣選擇。

所有處理都在您的瀏覽器中執行。您貼上的 HTML——即使是專有模板或敏感標記——也不會離開頁面。這讓本工具能安全地處理內部設計、客戶專屬的郵件模板,或任何受 NDA 保護的內容。網頁載入後可離線運作。

壓縮後的 HTML 能小多少?: 在 gzip 前通常會縮小 5% 到 15%,在空白與註解多的頁面上更明顯。gzip 之後節省幅度會降到只剩幾個百分點——但首次繪製時的每一個位元組都很重要。
壓縮會弄壞我的頁面嗎?: 只要輸入是合法 HTML 就不會。壓縮器會完整保留 DOM 結構。行內元素之間的空白有時是有意義的,所以工具會在可能影響渲染的地方保留它。
註解會被去除嗎?: 預設會。您可以透過保留註解的切換選項,保留條件式註解(舊版 IE 專用區塊)與授權標頭。一般註解會被去除以節省位元組。
可以美化單行 HTML 嗎?: 可以。美化器會解析任何扁平 HTML,並依 DOM 樹進行縮排。即使輸入是建置流程的壓縮輸出,結果也會變得可讀。
我的 HTML 會被送到任何地方嗎?: 不會。處理完全在您的瀏覽器中執行。沒有任何內容被上傳或記錄。