Le stockage code jquery dans la structure de fichier externe et le répertoire? [fermé]
-
09-09-2019 - |
Question
Quelqu'un peut-il en mesure de confirmer la meilleure idée pour stocker le code jquery, j'ai d'abord été tout insérer dans le HEAD d'un document, mais je vois de plus en plus de code utilisé sur plusieurs pages,
La meilleure façon d'utiliser inclure des fichiers .. avec l'extension .JS?
Tout le reste ou mieux par rapport à cela?
Quel serait le meilleur endroit pour stocker mes fichier .js si tel est le cas ..
de la racine i ont
/ css / scripts
etc ... / scripts est où mes fichiers sont jquery ... mais dois-je utiliser la même chose pour mes fichiers .js?
Quelqu'un a une recommandation sur la structure de répertoire?
La solution
Vous devez stocker le code autant que possible dans des fichiers .js, car cela permettrait au navigateur de télécharger une seule fois et la réutilisation dans toutes les demandes.
Si vous incluez votre code directement dans la section HEAD sous forme de texte vous forçant ce code à télécharger dans chaque demande, ce qui ralentit le transfert de la page.
Le répertoire où vous stockez les fichiers est à vous vraiment ... J'utilise /css
et /js
, mais /scripts
est utilisé aussi bien dans de nombreux ocassions.
Autres conseils
Si vous insérez votre JavaScript sur la page dépend de ce que vous essayez de faire. Il y a
Il n'a pas besoin d'être trop compliqué. Oui, le stockage avec l'extension JS pour vous, mais en gardant votre Javascript séparé de bibliothèques 3ème partie est également recommandée. Ceci est tout ce que vous devez: Ou, mettez vos fichiers sous votre nom de la société: Et comme d'autres ont dit: Mettez vos JS à la fin du fichier, si possible, .
./js/jquery/jquery.js
./js/yourfiles.js
./js/companyname/yourfiles.js
Seb est correct, mais d'ajouter une chose, essayer de compresser tous vos fichiers JS et CSS en un pour chacun.
Peu importe si oui ou non les fichiers sont mis en cache, il y a encore une demande aller-retour au serveur pour chaque fichier pour vérifier si elle a été mise à jour. Cela peut ralentir l'expérience de l'utilisateur quand il y a beaucoup de fichiers JS et CSS.