Qual è la differenza tra jquery.js e jquery.min.js?


288

Qual è la differenza tra jquery.min.js e jquery.js?

Quale ha il supporto per tutte le funzioni?

Risposte:


281

Sono entrambi uguali dal punto di vista funzionale, ma in quello .min sono stati rimossi tutti i caratteri non necessari per ridurre le dimensioni del file.

Solo per sottolineare, è meglio usare la versione minimizzata (.min) per il tuo ambiente dal vivo poiché Google sta ora controllando i tempi di caricamento della pagina. Avere tutto il tuo file JS minimizzato significa che si caricheranno più velocemente e ti daranno più punti brownie.

Puoi ottenere un componente aggiuntivo per Mozilla chiamato Page Speed ​​che guarderà attraverso il tuo sito e ti mostrerà tutti i file .JS e fornirà versioni minimizzate (tra le altre cose).


1
@ sasha.sochka Potenzialmente sì, in quanto riduce la dimensione del file, quindi la richiesta al server è più veloce in quanto la dimensione del file è inferiore. Ciò dipende ovviamente dalla quantità di dati nel file in primo luogo.
webnoob,

@webnoob, scusami per non essere preciso nella spiegazione, intendevo prestazioni JS di runtime.
sasha.sochka,

1
@ sasha.sochka AFAIK il motore JS non ha alcun vantaggio in termini di prestazioni.
webnoob,

Inoltre, ho visto funzioni come questa - funzione (i, s, o, g, r, a, m) . Un altro modo per ridurre il numero di personaggi, vero?
Utsav T

2
@gilbertpilz - La minimizzazione non impedisce alle persone di rubare il codice. L'offuscamento aiuta tuttavia a impedire alle persone di riutilizzare il codice. Naturalmente possono scaricarlo ma sarà incomprensibile e difficile da seguire.
webnoob,

122

Entrambi supportano le stesse funzioni. jquery.min.jsè una versione compressa di jquery.js(spazi bianchi e commenti eliminati, nomi di variabili più brevi, ...) al fine di preservare la larghezza di banda. In termini di funzionalità sono assolutamente gli stessi. Si consiglia di utilizzare questa versione compressa nell'ambiente di produzione.


94
  • jquery.js = Bello e facile da leggere :) Leggi questo.

  • jquery.min.js = Sembra jibberish! Ma ha una dimensione del file inferiore. Metti questo sul tuo sito.

Entrambi sono uguali in termini di funzionalità. La differenza sta solo nel fatto che sia formattato correttamente per la leggibilità o in modo compatto per file di dimensioni inferiori.

In particolare, il secondo è minimizzato , un processo che prevede la rimozione di spazi bianchi non necessari e l'accorciamento dei nomi delle variabili. Entrambi contribuiscono a rendere il codice molto più difficile da leggere: la rimozione di spazi bianchi rimuove le interruzioni di riga e gli spazi che incasinano la formattazione e l'accorciamento dei nomi delle variabili (inclusi alcuni nomi di funzioni) sostituisce i nomi delle variabili originali con lettere prive di significato.

Tutto ciò viene fatto in modo tale da non influire in alcun modo sul comportamento del codice durante l'esecuzione. In particolare, la sostituzione / accorciamento dei nomi di variabili e funzioni viene eseguita solo per i nomi che appaiono in un ambito locale in cui non interferirà con nessun altro codice in altri script.


1
Perché mai useresti la versione non minimizzata? Voglio dire che non si collega a una versione non minimizzata solo per leggerlo. Perché lo offrono anche?
Sebastian Nielsen,

24

Jquery.min.js non è altro che una versione compressa di jquery.js. Puoi usarlo allo stesso modo di jquery.js, ma è più piccolo, quindi in produzione dovresti usare la versione ridotta e quando esegui il debug puoi usare la normale versione di jquery.js. Se vuoi comprimere il tuo file javascript puoi questi compressori:

O semplicemente leggi topis su StackOverflow sulla compressione js :):


1
Probabilmente il miglior compressore al giorno d'oggi è UglifyJS. Per molto tempo prima di questo il migliore era il compilatore di chiusura di Google.
thomasrutter,

8

In un linguaggio semplice, entrambe le versioni sono assolutamente uguali. L'unica differenza è:

  • min.js è per i siti Web (online)

  • .js è per sviluppatori, ragazzi che hanno bisogno di leggere, conoscere o / e comprendere i codici jquery, per esempio lo sviluppo di plugin (offline, lavoro locale).


5

Entrambi contengono la stessa funzionalità ma l'equivalente .min.js è stato ottimizzato in termini di dimensioni. Puoi aprire entrambi i file e dare un'occhiata a loro. Nel file .min.js noterai che tutti i nomi delle variabili sono stati ridotti a nomi brevi e che la maggior parte degli spazi bianchi e dei commenti sono stati eliminati.



3

riepilogo - i framework js popolari come jquery o dojo offrono una versione commentata, piuttosto formattata con commenti per SVILUPPO e una versione ridotta (più veloce) senza commenti ecc. per PRODUZIONE

jquery.js - sviluppo jquery.min.js - produzione


2

Se stai eseguendo JQuery su un sito di produzione, quale libreria devi caricare? JQuery.js o JQuery.min.js? La risposta breve è che sono essenzialmente le stesse, con la stessa funzionalità.

Una versione è lunga, mentre l'altra è la versione ridotta. Il minimizzato viene compresso per risparmiare spazio e tempo di caricamento della pagina. Gli spazi bianchi sono stati rimossi nella versione minimizzata rendendoli instabili e impossibili da leggere.

Se hai intenzione di eseguire la libreria JQuery su un sito di produzione, ti consiglio di utilizzare la versione minimizzata, per ridurre il tempo di caricamento della pagina, che Google ora considera nella classifica delle pagine.

Un'altra buona opzione è quella di utilizzare la libreria javascript online di Google. Ciò ti risparmierà il fastidio di scaricare la libreria e di caricarla sul tuo sito. Inoltre, il tuo sito non utilizza risorse quando viene caricato JQuery.

L'ultima versione ridotta di JQuery di Google è disponibile qui.

Puoi collegarti ad esso nelle tue pagine usando:

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


1

jquery.min è la versione compressa. Sono stati rimossi commenti, nuove righe, ...


1

Se usi utilizzare Jquery da Google CDN, seriamente migliorerà le prestazioni da 5 a 10 volte quella che aggiungi nella tua pagina, che viene scaricata. Inoltre, otterrai l'ultima versione dei file Jquery.

La differenza tra entrambi i file, ad esempio jquery.js e jquery.min.js, è solo la dimensione del file, a causa di ciò i file vengono scaricati più velocemente. :)

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.