¿El mismo script que usa dos archivos js?

Question

Lo admito, no sé mucho acerca de JavaScript, principalmente solo "robo y modifico" de Javascript.com y Dynamic Drive.
Me he encontrado con algunos scripts que llaman a dos archivos .js

<script type="text/javascript" src="lib/prototype.js">  
</script>
<script type="text/javascript" src="src/aptabs.js">  
</script>  

y me preguntaba por qué, ¿puedo fusionarlos con seguridad con mi javascript externo o hay algún tipo de incompatibilidad que impide que todo el código comparta el mismo archivo?

Answer 1

En realidad, es mejor en términos de rendimiento tenerlos a ambos en el mismo archivo: según la arquitectura de su sitio. El principio es reducir el número de solicitudes http, ya que cada una conlleva una sobrecarga.

Dicho esto, es mejor dejarlo hasta el final de la producción. Durante el desarrollo es más fácil tener todo separado. Si vas a unirte a ellos, es mejor tener un script de compilación automatizado para hacer las operaciones.

Answer 2

A menudo es bueno separar el código con diferentes preocupaciones. Esos dos archivos pueden provenir de diferentes lugares. Digamos que el prototipo está actualizado y quieres la nueva bondad. Luego puede reemplazar el archivo prototype.js en su servidor en lugar de editar su archivo enorme y realizar la cirugía en él.

EDITAR: también es "más agradable" para que el navegador pueda almacenar en caché los archivos individualmente. Si su pregunta proviene de la preocupación de duplicar ese bloque de código en varios archivos html, le sugiero que haga un fragmento desde el lado del servidor e incluya sus archivos html a través de cualquier medio que tenga a mano / siéntase cómodo.

Answer 3

Estoy bastante seguro de que JavaScript no tiene idea de qué archivo se ha cargado, por lo que no debería haber un problema fusionándolo, sin embargo ...

Personalmente, los mantendría separados. Facilitará la coordinación del control de versiones, etc. Para la mayoría de las visitas repetidas, el script será almacenado en caché por el navegador de todos modos, por lo que 2 vs 1 no es realmente un gran problema. Pero cuando actualiza uno (u otro), el cliente solo necesita descargar la mitad. Pero, de nuevo, ya que generalmente está en caché, ¡no es un problema!

Entonces, para simplificar, mantenga los scripts en sus formas originales. Dado su comentario de apertura "No sé demasiado acerca de JavaScript", este es, con mucho, el mejor enfoque; No quiero decir eso de manera despectiva, simplemente que si algo sale mal, no querrás tener que averiguar si lo rompiste o si ya estaba roto.

Editar: también facilita reordenar, por ejemplo, si está utilizando dos scripts que usan la misma terminología como $ en jQuery, que también admite un modo con el nombre explícito.