關於HTML 壓縮
HTML 壓縮把瀏覽器用不到的內容從網頁裡去掉:註釋、縮排和標籤周圍的空白。靜態頁面上線前,往後臺、廣告位這類有字數限制的地方貼上程式碼前,傳送 HTML 郵件模板前,都可以先壓一遍。把程式碼貼進來或開啟檔案,壓縮結果隨輸入實時出現,同時顯示壓縮前後的大小和減小的百分比。
註釋會刪掉,IE 條件註釋保留,一些老模板還靠它載入檔案。連續的空白合併成一個空格,div、p 這類塊級標籤前後的空白去掉,行內元素之間留一個空格。pre、textarea 裡的內容原樣保留。內聯的 CSS 和 JavaScript 預設也會按 CSS 壓縮、JS 壓縮的安全規則一起壓縮,取消勾選“同時壓縮內聯的 CSS 和 JavaScript”就保持原樣。伺服器上的 gzip、Brotli 還能再省一截,開沒開可以用網頁壓縮檢測檢視。程式碼不上傳。
HTML 壓縮怎麼用
- 1貼上 HTML
把程式碼貼上到輸入框,或開啟 HTML 檔案。
- 2內聯程式碼壓不壓
“同時壓縮內聯的 CSS 和 JavaScript”預設勾選,不想改動 script、style 就取消。
- 3看節省多少
HTML 壓縮結果實時更新,並顯示壓縮前後的大小。
- 4複製或下載
複製壓縮後的程式碼,或下載成檔案。
為什麼用熊仔工匠
- 去掉註釋
HTML 註釋會刪掉,IE 條件註釋保留。
- 合併空白
縮排和換行去掉,pre、textarea 保持原樣,行內元素之間留一個空格。
- 內聯 CSS、JS 一起壓
style 和 script 按同樣的安全規則壓縮,也可以取消勾選保持原樣。
- 節省多少看得見
複製之前就能看到壓縮前後的大小和減小的百分比。