21

Qual a diferença de arquivos JavaScript que contém .min (por exemplo jQuery.min.js)
e o arquivo sem o .min (por exemplo jQuery.js)?

4

2 Respostas 2

26

É muito comum bibliotecas (ou de modo geral ficheiros grandes) terem uma versão .min, que quer dizer minificado, comprimido.

Por exemplo um ficheiro de JavaScript pode ser assim:

var jogadores = equipaA + equipaB;

e a versão minificada ser assim:

var a = b + c;

Isso é feito por um programa que comprime ficheiros de JavaScript e que tem como função fazer o código menor diminuindo o tamanho do ficheiro, fazendo-o mais leve para download. Nesse caso o programa pode transformar essa linha de exemplo em cima numa linha mais curta, muitas vezes com grandes diferenças de tamanho.

O programa gera ou muda o nome de variáveis para ele ficar mais pequeno, mas mantendo a funcionalidade.

No caso do jQuery comparando a versão minificada com a versão não minificada (também chamada, "de desenvolvimento"/developer ou não-comprimida) a diferença é clara:

Versão comprimida: 104382 caracteres
Versão não-comprimida: 298444 caracteres (praticamente 3x maior)

2
  • 1
    E eu que pensava que era só remoção de espaços e quebra de linhas que minimizava um arquivo dessa forma.
    – user28595
    Commented 18/04/2016 às 17:55
  • Embora seja obvio faltou listar a vantagem do não-comprimido. O "normal" permite uma melhor leitura do código. Modificar algo no "min" torna-se mais difícil, porque não possui os nomes "corretos" e nem comentários sobre o que está sendo feito. Então use o "min" nos projetos, mas leia e faça alterações necessárias no "normal".
    – Inkeliz
    Commented 18/04/2016 às 23:27
5

A versão minificada (.min) é resultado de um processo chamado minification, que remove quebras de linha, espaços e comentários desnecessários.

Este processo não modifica nomes de variáveis.

O processo que modifica o nome das variáveis é outro e se chama uglification.

3
  • Nossa agora sim, depois do que você disse faz sentido....Sempre estranhei os projetos que utilizam o Gruntfile o nome da task não ser jsmin ou algo do tipo como do css e sim ser uglify, vlw cara :) Commented 18/04/2016 às 22:55
  • Não é verdade que um ficheiro .min tem os nomes das variáveis intactas. Vê por exemplo a versão 1.12.3.min.js do jQuery. É um ficheiro .min e tem os nomes das variáveis modificadas.
    – Sergio
    Commented 19/04/2016 às 4:11
  • Sim, acredito que a maioria das bibliotecas optam por ambos processos.
    – user28527
    Commented 19/04/2016 às 4:46

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .