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

Resuelto gowri asked hace 14 años • 12 respuestas

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

¿Cuál tiene soporte para todas las funciones?

gowri avatar Aug 13 '10 15:08 gowri
Aceptado

Ambos son iguales funcionalmente, pero al .min se le eliminan todos los caracteres innecesarios para reducir el tamaño del archivo.

Solo para señalar también, es mejor que utilices la versión minimizada (.min) para tu entorno en vivo, ya que Google ahora está verificando los tiempos de carga de la página. Tener todos sus archivos JS minimizados significa que se cargarán más rápido y le otorgarán más puntos.

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 avatar Aug 13 '2010 09:08 webnoob

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 avatar Aug 13 '2010 08:08 Darin Dimitrov
  • jquery.js = Bonito y fácil de leer :) Lee este.

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

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

En concreto, el segundo es minified , un proceso que implica eliminar espacios en blanco innecesarios y acortar los nombres de las variables. Ambos contribuyen a hacer 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 las variables (incluidos algunos nombres de funciones) reemplaza los nombres de las variables originales con letras sin significado.

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

thomasrutter avatar Aug 13 '2010 08:08 thomasrutter

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

  • http://developer.yahoo.com/yui/compressor/
  • http://code.google.com/intl/pl-PL/closure/compiler/
  • http://jscompress.com/

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

  • El mejor compresor de JavaScript
  • ¿Qué utilizas para minimizar y comprimir bibliotecas de JavaScript?
Jarek avatar Aug 13 '2010 08:08 Jarek