Bonne structuration de JavaScript dans un projet?

Question

Alors, je suis assez fait avec la JS dans mon site maintenant. Elle implique jQuery (et en tant que telle initialisation .ready) La page comporte deux parties, l'est supérieure principalement Google Maps et la partie inférieure est entrée formes.

Tout cela est actuellement en un .js, fonctions, INITs, itérations, tout cela. Il est bien la structure et tout ça, tout est bien fait.

Ma question est cependant: Qu'est-ce qu'une bonne structure? Dois-je mettre la moitié supérieure dans un fichier et le bas dans un autre? Ou devrais-je mettre tous les initialisations nécessaires sous la .ready () et placer toutes les fonctions dans un autre fichier? Ou devrais-je garder tout dans un fichier toujours plus?

Answer 1

Du point de vue de la performance, fournissant tous vos JS dans un seul fichier au navigateur comme suggéré par les autres réponses est sensible. Cependant, après avoir votre code construit de cette façon n'est pas, devrait être dans un fichier séparé, les choses de fractionnement pour les entités et un fichier de contrôle ou deux pour gérer les appels page réelle de chaque « classe » - le même que dans une autre langue. Ceux-ci peuvent alors être combinés en un seul fichier pour l'alimentation soit à l'avance, soit de façon dynamique -. De préférence également réduits au minimum

Answer 2

Garder les appels de script au minimum le temps de traitement améliore - chaque script inclut un aller-retour qui ajoute du temps. Donc, -. Préférence personnelle, aussi longtemps que vous ne se soucient pas de temps de chargement de la page

Yahoo les meilleures pratiques pour excès de vitesse de votre site Web de démarrage de large avec Réduire au minimum requêtes HTTP :

  

80% du temps de réponse de l'utilisateur final est   consacré à la fin de l'avant. La plupart de ces   le temps est lié à télécharger tous les   composants dans la page: images,   feuilles de style, scripts, Flash, etc.   La réduction du nombre de composants   tour réduit le nombre de HTTP   les demandes nécessaires pour rendre la page.   Ceci est la clé des pages plus rapidement.

     

Une façon de réduire le nombre de   composants dans la page est de simplifier   La conception de la page. Mais est-il un moyen   aux pages de construction avec des contenus plus riches   tout en réalisant une réponse rapide   fois? Voici quelques techniques pour   réduire le nombre de requêtes HTTP,   tout en soutenant la page riche   conceptions.

     

fichiers combinés sont un moyen de réduire la   nombre de requêtes HTTP en combinant   tous les scripts en un seul script, et   combinant de la même tous les CSS dans un   stylesheet unique. La combinaison de fichiers est   plus difficile lorsque les scripts et   varient stylesheets d'une page à,   mais en faisant cette partie de votre communiqué   procédé améliore les temps de réponse.

Answer 3

Personnellement, je préfère garder tout le code dans un fichier unique, de sorte que le navigateur doit chercher un seul fichier et non deux / trois / quatre / whatever.

Mais je pense que c'est de préférence personnelle.