A minificação pode quebrar o meu código?

O Terser é conservador por padrão e preserva a semântica. O mangle só renomeia variáveis não exportadas, o compress evita transformações que ele não consegue provar seguras. Se você usa Function.name ou faz eval no código-fonte, desligue o mangle para esse arquivo.

Que ganho de tamanho dá para esperar?

JavaScript costuma encolher de 40% a 70%. Código com muitos comentários, nomes longos ou ramos sem uso encolhe mais. Código já curto ou cheio de literais de string encolhe menos. Depois do gzip a diferença diminui.

Qual a diferença entre minify, compress e mangle?

Minify é o termo guarda-chuva. Compress faz transformações de código como dobrar constantes e remover ramos mortos. Mangle troca os identificadores por nomes curtos. Cada um pode rodar sozinho; juntos costumam gerar a saída mais enxuta.

Vale minificar se o servidor já manda gzip ou brotli?

Vale. O gzip reduz redundância em texto, mas não renomeia variáveis longas nem elimina ramos mortos. Código minificado comprime melhor e é analisado mais rápido ao carregar. As duas etapas se somam, não se sobrepõem.

Funciona com TypeScript ou sintaxe moderna ES2022?

TypeScript puro precisa ser compilado antes porque o Terser só lê JavaScript. Sintaxe moderna até ES2022 (campos privados, top-level await, optional chaining) é entendida diretamente, sem precisar do Babel.

Minificador de JS

Minifique código JavaScript para reduzir o tamanho do arquivo

Tamanho original

// 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,
  };
})();

// 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,
  };
})();

Configurações

ExemploVersão

Ofuscar variáveisComprimirRemover console.logManter nomes de classesManter nomes de funções

Ctrl+Enter para minificar

O que é Minificador de JS?

O Minificador JS comprime código JavaScript removendo espaços em branco, comentários e encurtando nomes de variáveis com o motor Terser. Isso reduz o tamanho dos arquivos para carregamentos de página mais rápidos e menores custos de largura de banda, preservando a funcionalidade do código.

O minificador roda o Terser localmente sobre o seu código: tira espaços e comentários, renomeia variáveis locais para letras únicas com mangle ativo, aplica transformações de AST seguras quando compress está ligado e ainda apaga chamadas a console.log. A ferramenta mostra tamanho original, tamanho minificado e porcentagem economizada para confirmar o ganho antes de publicar.

Como usar

Cole seu código JavaScript no editor de entrada ou faça upload de um arquivo .js.
Escolha as opções de minificação: ative o mangling (encurta nomes de variáveis), a compressão e a remoção de chamadas console.log.
Clique em Minificar para processar o código. Confira a redução de tamanho e baixe o arquivo minificado ou copie para a área de transferência.

Quando usar

Comprimir um bundle JavaScript antes de enviar para uma CDN que não tem etapa de build.
Retirar comentários e chamadas a console de uma biblioteca antes de colar num tema de CMS.
Gerar uma versão minificada pontual para um widget de chat, pixel de anúncio ou script de terceiros.

Resultado

Você tem uma biblioteca utilitária de 45 KB com comentários extensos e nomes de variáveis longos. Cole-a, ative mangling e compressão e obtenha uma saída de 12 KB — uma redução de 73% pronta para implantação em produção.

Perguntas frequentes

A minificação pode quebrar o meu código?: O Terser é conservador por padrão e preserva a semântica. O mangle só renomeia variáveis não exportadas, o compress evita transformações que ele não consegue provar seguras. Se você usa Function.name ou faz eval no código-fonte, desligue o mangle para esse arquivo.
Que ganho de tamanho dá para esperar?: JavaScript costuma encolher de 40% a 70%. Código com muitos comentários, nomes longos ou ramos sem uso encolhe mais. Código já curto ou cheio de literais de string encolhe menos. Depois do gzip a diferença diminui.
Qual a diferença entre minify, compress e mangle?: Minify é o termo guarda-chuva. Compress faz transformações de código como dobrar constantes e remover ramos mortos. Mangle troca os identificadores por nomes curtos. Cada um pode rodar sozinho; juntos costumam gerar a saída mais enxuta.
Vale minificar se o servidor já manda gzip ou brotli?: Vale. O gzip reduz redundância em texto, mas não renomeia variáveis longas nem elimina ramos mortos. Código minificado comprime melhor e é analisado mais rápido ao carregar. As duas etapas se somam, não se sobrepõem.
Funciona com TypeScript ou sintaxe moderna ES2022?: TypeScript puro precisa ser compilado antes porque o Terser só lê JavaScript. Sintaxe moderna até ES2022 (campos privados, top-level await, optional chaining) é entendida diretamente, sem precisar do Babel.

Minificador de JS

Tamanho original

Configurações

O que é Minificador de JS?

Como usar

Quando usar

Resultado

Perguntas frequentes

Ferramentas relacionadas

Gerador de dados estruturados

Página web para PDF

Gerador de política de privacidade

Gerador de termos de serviço

Gerador de Consentimento de Cookies

Minificador CSS

Minificador de JS

Tamanho original

Configurações