¿Es seguro fusionar varios archivos JavaScript en uno?

Question

Estoy desarrollando un sitio web dinámico usando jQuery y he encontrado varios plugins de jQuery que son muy útiles al hacer eso.

Por supuesto, para cada complemento que agregue, hay otro script para cargar cuando se carga la página. Sé que para que las páginas se carguen rápidamente, es mejor tener menos y/o menos recursos.

¿Es seguro fusionar todos esos archivos de plugin jQuery en uno solo? ¿Debo verificar algo antes de hacerlo, o puedo hacerlo de forma rápida y sucia por un script en el servidor?

Answer 1

Sí, lo es. Eso es lo que sucederá en tu navegador, de todos modos.

También puede utilizar una herramienta de minificación como Google Closure Compiler o YUI Compressor para reducir aún más el tamaño de su código JavaScript.

Answer 2

Sí, dado que su navegador busca y ejecuta cada archivo, en el orden en que están incluidos, y concatenar múltiples scripts en un archivo es el mismo, el navegador buscará ese archivo y lo ejecutará.

Answer 3

Sí, es seguro fusionarlas en una.

Y en la mayoría de los casos, la página debería cargar más rápido como resultado, pero hay algunas situaciones donde hacerlo puede ralentizar las cosas. Por ejemplo:

• Si su sitio está destinado a dispositivos móviles como el iPhone, es posible que un archivo Javascript muy grande no se almacene en caché, sino que habrá varios archivos pequeños de Javascript. El tamaño exacto varía según el teléfono y la versión (y en mi experiencia los dispositivos BlackBerry son particularmente limitados) ver, por ejemplo, Safari Cache size for iPhone 3.0
• Si su sitio está destinado para navegadores de escritorio, combinando todo su Javascript en un archivo cuando no necesita de inmediato podría hacer que la primera visita de su usuario al sitio sea muy lenta. Si divide su Javascript en varios archivos y solo los incluye cuando sea necesario, el usuario no recibirá una descarga inicial masiva, por lo que es menos probable que su primera impresión de su sitio sea lenta.