Le même script utilisant deux fichiers js?

Question

J'admets que je ne connais pas trop le langage javascript, je viens tout simplement de "voler et de modifier". depuis Javascript.com et Dynamic Drive.
J'ai rencontré quelques scripts qui appellent deux fichiers .js

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

et je me demandais pourquoi, puis-je les fusionner en toute sécurité avec mon code javascript externe ou existe-t-il une sorte d'incompatibilité qui empêche tout le code de partager le même fichier?

Answer 1

Il est préférable, en termes de performances, d’avoir les deux dans le même fichier - en fonction de l’architecture de votre site. Le principe est de réduire le nombre de requêtes http, car chacune d’entre elles entraîne des frais généraux.

Cela dit, il vaut mieux laisser quelque chose à la toute fin de la production. Pendant le développement, il est plus facile de tout séparer. Si vous souhaitez les rejoindre, il est préférable d’avoir un script de construction automatisé pour effectuer les opérations.

Answer 2

Il est souvent bon de séparer le code avec des préoccupations différentes. Ces deux fichiers peuvent provenir d’endroits différents. Dites que le prototype est mis à niveau et que vous voulez la nouvelle qualité. Ensuite, vous pouvez simplement remplacer le fichier prototype.js sur votre serveur plutôt que d’éditer votre fichier volumineux et de procéder à une intervention chirurgicale.

EDIT: C’est aussi "plus agréable" pour que le navigateur puisse mettre en cache les fichiers individuellement. Si votre question concerne le souci de dupliquer ce bloc de code dans plusieurs fichiers html, je vous suggère d'en faire un extrait du côté serveur et de l'inclure dans vos fichiers html par tout moyen que vous avez à l'aise / à l'aise.

Answer 3

Je suis presque sûr que le javascript n'a aucune idée du fichier à partir duquel il a été chargé. Il ne devrait donc pas y avoir de problème le fusionnant, cependant ...

Personnellement, je les séparerais. Cela facilitera la coordination du contrôle de version, etc. Pour la plupart des visites répétées, le script sera de toute façon mis en cache par le navigateur. Par conséquent, 2 vs 1 n'est pas vraiment un gros problème. Mais lorsque vous mettez à niveau l'un (ou l'autre), le client n'a besoin que de télécharger deux fois moins. Mais encore une fois, puisqu'il est généralement mis en cache, ce n'est pas un gros problème!

Donc, pour plus de simplicité, conservez les scripts dans leur forme originale. Compte tenu de votre commentaire liminaire "Je ne connais pas trop le langage javascript", c’est de loin la meilleure approche; Je ne parle pas de cela de manière désobligeante - simplement que si quelque chose ne va pas, vous ne voulez pas avoir à chercher si vous l'avez cassé, ou si c'était déjà cassé.

Modifier: il est également facile de réorganiser, par exemple si vous utilisez deux scripts qui utilisent la même terminologie que $ dans jQuery, qui prend également en charge un mode avec la dénomination explicite.