Buena codificación: archivos js modulares o un archivo js grande?

Question

Solo quiero preguntarle a los gurús sobre esto. Sé que los archivos CSS se combinan mejor en lugar de separarlos en un trillón de archivos. ¿Js funciona de la misma manera? He aquí algunos puntos Actualmente sé (o creo ... para que pueda señalar algo si mi creencia/entendimiento es incorrecto):

• sé que js es mejor modular para facilitar el mantenimiento
• es "arriesgada "para fusionar todos los archivos en uno ya que hay funcionalidades que solo desea que estén en una página determinada.
• sé que las descargas simultáneas disminuyen la velocidad de una página, por lo que es mejor hacer solo 1 archivo grande.
• fusionarse en 1 archivo podría causar problemas con el alcance variable?
• Sé que hay compiladores de Javascript ala bundle-fu o YUI, pero ¿esa es la respuesta a todos? diferentes archivos para dev entonces solo 1 archivo para js?

Answer 1

No necesita utilizar los mismos archivos para desarrollo y producción, por lo que puede tener lo mejor de ambos mundos: modularización para desarrollo y concatenación para implementación. Aquí hay un list of tools for concatenation and minification.

Answer 2

Siempre modularizamos nuestro JavaScript en archivos separados, pero luego usamos el lado del servidor para garantizar que el navegador solo tenga que hacer una sola llamada para JS.

Answer 3

Tomo un enfoque pragmático para la fusión de implementación + minimizar los scripts de la aplicación principal (también conocidos como los componentes globales), y luego combinar + minimizar los scripts por sección o por página (los componentes locales). Esto lo deja con típicamente dos o tres scripts para descargar, sin incluir su biblioteca JS (léase: jquery).

Rara vez se desea volcar todo en un archivo de gran tamaño a la muerte porque generalmente es poco probable que el visitante va a visitar cada página y necesitan todos los bits de código en su, por lo que es un falso ahorro pensar que darles todo en un solo golpe es más rápido que darles lo que necesitan en unos pocos hits distribuidos, especialmente cuando se considera la descarga del perfil de ejecución de los scripts (es decir, el bloqueo).

Y espero que sea evidente que usted hace todo esto para el despliegue solo. Siempre, siempre haga su desarrollo con scripts modulares, permita que el proceso de compilación maneje la fusión.

Answer 4

Es una compensación entre la mayor sobrecarga de archivos separados y la posibilidad de que los usuarios tengan un código de descarga que nunca usarán. Debería ver cómo los usuarios usan su aplicación.

Considere utilizar un script de compilación para concatenar sus archivos.