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 压缩工具