Bonne structuration de JavaScript dans un projet?
-
27-09-2019 - |
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?
La solution
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
Autres conseils
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
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.
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.