Minificador HTML, CSS e JavaScript

Reduza o tamanho dos seus ficheiros HTML, CSS e JavaScript removendo comentários, quebras de linha e espaços supérfluos.

Original
Minificado
Original
0 B
Final
0 B
Redução
0.0%

Minificação leve — para produção crítica use ferramentas dedicadas como Terser, esbuild ou HTMLMinifier.

Como funciona

  1. 1Escolha o separador (HTML, CSS ou JS).
  2. 2Cole o código original.
  3. 3Vemos o tamanho antes/depois e a percentagem de poupança.

Fórmula

Redução% = (1 − tamanho_final / tamanho_original) × 100

Uma folha CSS de 20 KB minificada para 14 KB representa 30% de poupança.

Exemplos

CSS de landing page

Ganhos típicos entre 20% e 40%.

Snippet JS

Minify básico para tags <script> inline.

Dicas

  • Sempre teste o código minificado antes de ir para produção.
  • Combine minify com gzip/brotli para poupança máxima.
  • Para JS complexo use Terser ou esbuild.

Perguntas Frequentes

Calculadoras relacionadas

Guarde esta calculadora

Poupe tempo. Adicione aos favoritos e regresse sempre que precisar.

Ver todas

Artigo completo

A velocidade de um website depende fortemente do tamanho dos ficheiros descarregados. Cada byte poupado é tempo poupado no primeiro carregamento, especialmente em ligações móveis lentas ou dispositivos antigos. A minificação é uma das técnicas mais simples e imediatas para reduzir esse peso, sem alterar o comportamento do código.

Este minificador cobre os três formatos essenciais da web: HTML, CSS e JavaScript. Para HTML remove comentários e whitespace entre tags; para CSS remove comentários /* */ e whitespace à volta de chavetas, dois pontos e vírgulas; para JavaScript remove comentários // e /* */, whitespace desnecessário e quebras de linha redundantes. A redução típica varia entre 15% e 40% dependendo do estilo de codificação original.

Mostramos em tempo real três métricas: tamanho original em bytes, tamanho final em bytes e percentagem de poupança. Assim consegue avaliar objetivamente o benefício antes de copiar o resultado.

Importa perceber os limites: este minificador aplica regras simples baseadas em expressões regulares. Para código de produção crítico — bibliotecas com dezenas de milhares de linhas, aplicações complexas com sintaxe ES moderna, transformações profundas de nomes de variáveis (mangling) — recomendamos ferramentas dedicadas como Terser (JavaScript), csso ou lightningcss (CSS) e html-minifier-terser (HTML). Estas realizam análise sintática completa e são seguras para qualquer cenário. O nosso minificador é perfeito para snippets rápidos, protótipos, emails HTML e ficheiros que quer inspecionar sem instalar nada.

Após minificar, active gzip ou brotli no seu servidor. Estes algoritmos comprimem ainda mais o conteúdo em trânsito — a combinação de minify + brotli pode reduzir um bundle JavaScript em 80% ou mais. Verifique também o cache HTTP: um ficheiro minificado com hash no nome pode ser guardado no browser durante um ano, servindo instantaneamente em visitas subsequentes.

Tudo é processado localmente. Pode minificar código proprietário, chaves de configuração e templates internos sem qualquer preocupação de privacidade.