JavaScript 壓縮工具

JavaScript 壓縮工具會從你的程式碼中移除註解、不必要的空白和換行，以縮小正式環境的檔案體積——更小的下載量、更快的解析速度。貼上可讀的 JS，立即取得精簡的輸出，並提供即時的前後體積比較。

• •註解移除：刪除 // 行註解和 /* 區塊 */ 註解
• •空白折疊：移除不必要的空格、空行和換行
• •體積比較：並排查看原始體積、壓縮後體積和百分比縮減
• •分號正規化：確保陳述式分隔符在移除空白後仍然存在
• •保留註解開關：需要時保留授權標頭或重要註解
• •可下載輸出：直接將壓縮結果儲存為 .js 檔案

• •在部署到正式環境前壓縮腳本以減少頁面載入時間
• •準備一個小型工具腳本以內嵌方式嵌入 HTML 頁面而不使其臃腫
• •在建立完整建置流程之前快速檢查檔案能縮小多少
• •為 CodePen、gist 或書籤小工具壓縮一次性腳本，這些場景中建置步驟並不實際
• •在效能稽核中將壓縮後的體積與體積預算進行比較

1. 1.將 JavaScript 貼到輸入編輯器，或上傳 .js 檔案
2. 2.決定是保留註解（例如授權標頭）還是完全移除
3. 3.壓縮後的輸出和體積縮減百分比會自動顯示
4. 4.複製輸出或下載為 .js 檔案
5. 5.在部署前檢查前後位元組數以確認體積節省

• •此壓縮工具不會將變數重新命名為更短的名稱，也不會執行無用程式碼消除——要實現最大壓縮，需要像 Terser 這樣基於 AST 的工具
• •字串內容和樣板字面值保持不變；只移除字串之外的結構性空白和註解
• •在不常見的程式碼中（例如以 ( 或 [ 開頭的行），ASI（自動分號插入）的邊界情況應在壓縮後進行測試，因為移除換行有時會改變 ASI 相關的行為

• •這是空白/註解壓縮，而非完整壓縮——要實現最大體積縮減（變數重新命名、無用程式碼消除、tree-shaking），請使用整合於建置工具的壓縮工具，如 Terser 或 esbuild
• •壓縮後的輸出會失去全部可讀性——請始終將原始原始碼保留在版本控制之下
• •非常大的檔案在瀏覽器中完全處理可能較慢——對於正式環境建置流程，請將壓縮整合到你的打包工具中，而不是使用一次性的瀏覽器工具

如果你有壓縮過的 JavaScript 需要閱讀或除錯，請改用 JavaScript 美化工具。它會恢復縮排、換行和一致的格式，讓程式碼真正可讀。