JS程式碼壓縮工具

壓縮JavaScript程式碼以減小檔案大小

原始大小

// Utility library — helper functions
(function () {
  "use strict";

/**
   * Debounce a function call.
   * @param {Function} fn - The function to debounce
   * @param {number} delay - Delay in milliseconds
   */
  function debounce(fn, delay) {
    let timer = null;
    return function (...args) {
      clearTimeout(timer);
      timer = setTimeout(() => {
        fn.apply(this, args);
      }, delay);
    };
  }

// Format a number with commas
  function formatNumber(num) {
    return num.toString().replace(
      /\B(?=(\d{3})+(?!\d))/g,
      ","
    );
  }

// Deep clone an object
  function deepClone(obj) {
    if (obj === null || typeof obj !== "object") {
      return obj;
    }
    const copy = Array.isArray(obj) ? [] : {};
    for (const key in obj) {
      if (Object.prototype.hasOwnProperty.call(obj, key)) {
        copy[key] = deepClone(obj[key]);
      }
    }
    return copy;
  }

console.log("Utilities loaded");

window.Utils = {
    debounce: debounce,
    formatNumber: formatNumber,
    deepClone: deepClone,
  };
})();

設定

混淆變數名壓縮移除 console.log

什麼是JS程式碼壓縮工具？

JS 壓縮工具使用 Terser 引擎，透過移除空白字元、註解並縮短變數名稱來壓縮 JavaScript 程式碼。這可縮小檔案大小，加快頁面載入速度，降低頻寬費用，同時保留程式碼的完整功能。

使用方法

第一步——將 JavaScript 程式碼貼入輸入編輯器，或直接上傳 .js 檔案。
第二步——設定壓縮選項：開啟變數名稱混淆（縮短變數名稱）、設定壓縮等級，以及選擇是否移除 console.log 陳述式。
第三步——點擊「壓縮」按鈕處理程式碼。查看檔案大小縮減百分比，然後下載壓縮後的檔案或將輸出複製到剪貼簿。

結果

您有一個 45KB 的工具函式庫，包含大量註解和冗長的變數名稱。將其貼入，啟用變數名稱混淆與壓縮，即可得到 12KB 的輸出——壓縮率達 73%，可直接用於正式環境部署。

JS程式碼壓縮工具

原始大小

設定

什麼是JS程式碼壓縮工具？

使用方法

結果

相關工具

網頁轉 PDF

隱私權政策產生器

服務條款產生器

Cookie同意橫幅產生器

CSS壓縮工具

HTML 壓縮工具