Qual é a diferença entre jquery.js e jquery.min.js?

288

Qual é a diferença entre jquery.min.js e jquery.js?

Qual deles tem suporte para todas as funções?

gowri
fonte

Respostas:

281

Ambos são os mesmos funcionalmente, mas o .min possui todos os caracteres desnecessários removidos para diminuir o tamanho do arquivo.

Apenas para salientar, é melhor usar a versão reduzida (.min) para o seu ambiente ao vivo, pois o Google agora verifica os tempos de carregamento da página. Ter todo o seu arquivo JS compactado significa que eles carregarão mais rápido e obterão mais pontos de brownie.

Você pode obter um complemento para o Mozilla chamado Page Speed, que examinará seu site e mostrará todos os arquivos .JS e fornecerá versões minificadas (entre outras coisas).

webnoob
fonte
1
@ sasha.sochka Potencialmente sim, pois reduz o tamanho do arquivo, o que significa que a solicitação ao servidor é mais rápida, pois o tamanho do arquivo é menor. Obviamente, isso depende da quantidade de dados no arquivo em primeiro lugar.
Webnoob
@webnoob, desculpe por não ser preciso na explicação, eu quis dizer desempenho em tempo de execução JS.
sasha.sochka
1
@ sasha.sochka AFAIK não há ganho de desempenho a ser obtido pelo mecanismo JS.
Webnoob
Além disso, vi funções como esta - função (i, s, o, g, r, a, m) . Outra maneira de reduzir o número de caracteres, é?
precisa saber é o seguinte
2
@gilbertpilz - A minificação não impede que as pessoas roubem o código. No entanto, a ofuscação ajuda a impedir que as pessoas possam reutilizar seu código. É claro que eles podem baixá-lo, mas será difícil e difícil de seguir.
Webnoob 29/04/16
122

Ambos suportam as mesmas funções. jquery.min.jsé uma versão compactada de jquery.js(espaços em branco e comentários removidos, nomes mais curtos de variáveis, ...) para preservar a largura de banda. Em termos de funcionalidade, eles são absolutamente iguais. É recomendável usar esta versão compactada no ambiente de produção.

Darin Dimitrov
fonte
94
  • jquery.js = Bonito e fácil de ler :) Leia este.

  • jquery.min.js = Parece bobagem! Mas tem um tamanho de arquivo menor. Coloque este no seu site.

Ambos são iguais em funcionalidade. A diferença está apenas no fato de ser formatado de maneira agradável para facilitar a leitura ou compacta para um tamanho de arquivo menor.

Especificamente, o segundo é minificado , um processo que envolve a remoção de espaços em branco desnecessários e a redução de nomes de variáveis. Ambos contribuem para tornar o código muito mais difícil de ler: a remoção de espaços em branco remove quebras de linha e espaços que atrapalham a formatação, e o encurtamento dos nomes de variáveis ​​(incluindo alguns nomes de funções) substitui os nomes de variáveis ​​originais por letras sem sentido.

Tudo isso é feito de forma que não afeta a maneira como o código se comporta quando executado, de forma alguma. Notavelmente, a substituição / redução dos nomes de variáveis ​​e funções é feita apenas para nomes que aparecem em um escopo local, onde não interferem com nenhum outro código em outros scripts.

thomasrutter
fonte
1
Por que você usaria a versão não minificada então? Quero dizer, você não vincula a uma versão não minificada apenas para lê-la. Por que eles oferecem isso?
Sebastian Nielsen
24

O Jquery.min.js nada mais é do que a versão compactada do jquery.js. Você pode usá-lo da mesma maneira que o jquery.js, mas é menor; portanto, na produção, você deve usar a versão reduzida e, ao depurar, a versão normal do jquery.js. Se você deseja compactar seu próprio arquivo javascript, pode estes compressores:

Ou apenas leia topis no StackOverflow sobre a compactação js :):

Jarek
fonte
1
Provavelmente o melhor compressor hoje em dia é o UglifyJS. Por um longo tempo antes disso, o melhor foi o Closure Compiler do Google.
precisa
8

Em linguagem fácil, ambas as versões são absolutamente iguais. A única diferença é:

  • min.js é para sites (online)

  • .js é para desenvolvedores, profissionais que precisam ler, aprender ou entender códigos de jquery, ou seja, desenvolvimento de plugins (offline, trabalho local).

Xfile
fonte
5

Ambos contêm a mesma funcionalidade, mas o equivalente a .min.js foi otimizado em tamanho. Você pode abrir os dois arquivos e dar uma olhada neles. No arquivo .min.js, você notará que todos os nomes de variáveis ​​foram reduzidos para nomes abreviados e que a maioria dos espaços em branco e comentários foram removidos.

Kris van der Mast
fonte
3

jquery.js: quando você precisa mergulhar no código fonte do jquery jquery.min.js: versão compactada para economizar largura de banda

Há mais uma opção para economizar mais largura de banda do que a versão compactada que usa algo como o CDN do Google fornecido: http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

PeterWong
fonte
3

resumo - estruturas js populares como jquery ou dojo oferecem uma versão comentada e bem formatada com comentários para DEVELOPMENT e uma versão minificada (mais rápida) sem comentários etc. para PRODUCTION

jquery.js - desenvolvimento jquery.min.js - produção

Sebastian Lasse
fonte
2

Se você estiver executando o JQuery em um site de produção, qual biblioteca você deve carregar? JQuery.js ou JQuery.min.js? A resposta curta é que eles são essencialmente os mesmos, com a mesma funcionalidade.

Uma versão é longa, enquanto a outra é a versão minificada. O minified é compactado para economizar espaço e tempo de carregamento da página. Os espaços em branco foram removidos na versão minificada, tornando-os ridículos e impossíveis de ler.

Se você estiver executando a biblioteca JQuery em um site de produção, recomendo que você use a versão reduzida, para diminuir o tempo de carregamento da página, que o Google agora considera em seu ranking.

Outra boa opção é usar a biblioteca javascript on-line do Google. Isso poupará o trabalho de baixar a biblioteca e fazer o upload para o seu site. Além disso, seu site também não utiliza recursos quando o JQuery é carregado.

A última versão compactada do JQuery do Google está disponível aqui.

Você pode vincular a ele em suas páginas usando:

http://ulyssesonline.com/2010/12/03/jquery-js-or-jquery-min-js/

Ayush Sugandhi
fonte
1

jquery.min é a versão compactada. Foram removidos comentários, novas linhas, ...

robdoan
fonte
1

Se você usar o Jquery do Google CDN, seriamente melhorará o desempenho em 5 a 10 vezes o que você adiciona à sua página, que é baixado. E também, você obterá a versão mais recente dos arquivos Jquery.

A diferença entre os dois arquivos, isto é, jquery.js e jquery.min.js, é apenas o tamanho do arquivo, devido a isso, os arquivos estão sendo baixados mais rapidamente. :)

Hitesh
fonte