¿Cuál es la diferencia entre jquery.js y jquery.min.js?

288

¿Cuál es la diferencia entre jquery.min.js y jquery.js?

¿Cuál tiene soporte para todas las funciones?

gowri
fuente

Respuestas:

281

Ambos son los mismos funcionalmente, pero el .min tiene todos los caracteres innecesarios eliminados para reducir el tamaño del archivo.

Solo para señalar también, es mejor usar la versión minimizada (.min) para su entorno en vivo, ya que Google ahora está verificando los tiempos de carga de la página. Tener todo su archivo JS minimizado significa que se cargarán más rápido y le otorgarán más puntos de brownie.

Puede obtener un complemento para Mozilla llamado Page Speed ​​que revisará su sitio y le mostrará todos los archivos .JS y le proporcionará versiones minimizadas (entre otras cosas).

webnoob
fuente
1
@ sasha.sochka Potencialmente sí, ya que reduce el tamaño del archivo, por lo que significa que la solicitud al servidor es más rápida ya que el tamaño del archivo es menor. Obviamente, esto depende de la cantidad de datos en el archivo en primer lugar.
webnoob
@webnoob, perdón por no ser precisa en la explicación, me refería al rendimiento JS en tiempo de ejecución.
sasha.sochka
1
@ sasha.sochka AFAIK no hay ganancia de rendimiento para el motor JS.
webnoob
Además, he visto funciones como esta: función (i, s, o, g, r, a, m) . Otra forma de reducir el número de caracteres, ¿verdad?
Utsav T
2
@gilbertpilz: la reducción no impide que las personas roben el código. Sin embargo, la ofuscación ayuda a evitar que las personas puedan reutilizar su código. Por supuesto, pueden descargarlo, pero será un galimatías y difícil de seguir.
webnoob
122

Ambos admiten las mismas funciones. jquery.min.jses una versión comprimida de jquery.js(espacios en blanco y comentarios eliminados, nombres de variables más cortos, ...) para preservar el ancho de banda. En términos de funcionalidad, son absolutamente iguales. Se recomienda utilizar esta versión comprimida en un entorno de producción.

Darin Dimitrov
fuente
94
  • jquery.js = Bonito y fácil de leer :) Lee este.

  • jquery.min.js = ¡Parece jibberish! Pero tiene un tamaño de archivo más pequeño. Pon este en tu sitio.

Ambos son iguales en funcionalidad. La diferencia está solo en si está bien formateado para facilitar la lectura o de forma compacta para archivos de menor tamaño.

Específicamente, el segundo se minimiza , un proceso que implica eliminar espacios en blanco innecesarios y acortar nombres de variables. Ambos contribuyen a que el código sea mucho más difícil de leer: la eliminación de espacios en blanco elimina los saltos de línea y los espacios que alteran el formato, y el acortamiento de los nombres de variables (incluidos algunos nombres de funciones) reemplaza los nombres de variables originales con letras sin sentido.

Todo esto se hace de tal manera que no afecta el comportamiento del código cuando se ejecuta, de ninguna manera. En particular, el reemplazo / acortamiento de los nombres de variables y funciones solo se realiza a los nombres que aparecen en un ámbito local donde no interferirá con ningún otro código en otros scripts.

thomasrutter
fuente
1
¿Por qué usarías la versión no minificada entonces? Quiero decir que no se vincula a una versión no minimizada solo para leerla. ¿Por qué incluso ofrecen eso?
Sebastian Nielsen
24

Jquery.min.js no es más que una versión comprimida de jquery.js. Puede usarlo de la misma manera que jquery.js, pero es más pequeño, por lo que en producción debe usar la versión minimizada y cuando esté depurando puede usar la versión normal de jquery.js. Si desea comprimir su propio archivo javascript, puede utilizar estos compresores:

O simplemente lea topis en StackOverflow sobre la compresión js :):

Jarek
fuente
1
Probablemente el mejor compresor hoy en día es UglifyJS. Durante mucho tiempo antes de esto, lo mejor fue el Compilador de cierre de Google.
thomasrutter
8

En lenguaje sencillo, ambas versiones son absolutamente iguales. La única diferencia es:

  • min.js es para sitios web (en línea)

  • .js es para desarrolladores, chicos que necesitan leer, aprender o comprender los códigos jquery, por ejemplo, desarrollo de complementos (fuera de línea, trabajo local).

Xfile
fuente
5

Ambos contienen la misma funcionalidad pero el equivalente .min.js se ha optimizado en tamaño. Puede abrir ambos archivos y echarles un vistazo. En el archivo .min.js, notará que todos los nombres de variables se han reducido a nombres cortos y que se han eliminado la mayoría de los espacios en blanco y los comentarios.

Kris van der Mast
fuente
3

resumen: los frameworks js populares como jquery o dojo ofrecen una versión comentada y bastante formateada con comentarios para DESARROLLO y una versión reducida (más rápida) sin comentarios, etc. para PRODUCCIÓN

jquery.js - desarrollo jquery.min.js - producción

Sebastian Lasse
fuente
2

Si está ejecutando JQuery en un sitio de producción, ¿qué biblioteca debe cargar? JQuery.js o JQuery.min.js? La respuesta corta es que son esencialmente lo mismo, con la misma funcionalidad.

Una versión es larga, mientras que la otra es la versión minificada. El minificado se comprime para ahorrar espacio y tiempo de carga de la página. Los espacios en blanco se han eliminado en la versión minimizada haciéndolos improvisados ​​e imposibles de leer.

Si va a ejecutar la biblioteca JQuery en un sitio de producción, le recomiendo que use la versión minimizada, para disminuir el tiempo de carga de la página, que Google ahora considera en su clasificación de página.

Otra buena opción es utilizar la biblioteca javascript en línea de Google. Esto le ahorrará la molestia de descargar la biblioteca, así como subirla a su sitio. Además, su sitio tampoco utiliza recursos cuando se carga JQuery.

La última versión minificada de JQuery de Google está disponible aquí.

Puede vincularlo en sus páginas usando:

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

Ayush Sugandhi
fuente
1

jquery.min es una versión comprimida. Se eliminaron comentarios, nuevas líneas, ...

robdoan
fuente
1

Si usa el Jquery de Google CDN, en serio mejorará el rendimiento de 5 a 10 veces el que agrega a su página, que se descarga. Y también, obtendrá la última versión de los archivos Jquery.

La diferencia entre ambos archivos, es decir, jquery.js y jquery.min.js es solo el tamaño del archivo, debido a esto los archivos se descargan más rápido. :)

Hitesh
fuente