Différence entre les Javascripts internes et externes

Au milieu des années 1990, les développeurs de Netscape ont créé un langage de script simple à utiliser comme outil pour rendre les sites Web plus interactifs et attrayants. Ce langage sera éventuellement connu sous le nom de Javascript. Aujourd'hui, de nombreux utilisateurs ignorent que les fonctionnalités du client de messagerie ou du site Web de réseau social dont ils dépendent sont le résultat de milliers de lignes de programmation Javascript intelligentes et complexes.

Javascript interne

Pour que le code Javascript fonctionne comme par magie, il doit d'une manière ou d'une autre être incorporé au bon endroit sur une page Web particulière lors du chargement de la page. Le code Javascript interne est un code placé n'importe où dans la page Web entre les balises HTML . De nombreux développeurs Web choisissent de placer leur code Javascript avant la balise.

Javascript externe

Le code Javascript placé dans un fichier séparé du code HTML est appelé Javascript externe. Le code Javascript externe est écrit et utilisé de la même manière que le Javascript interne. Le fichier doit avoir l'extension ".js", bien que pratiquement toute autre extension fonctionne avec les navigateurs modernes. Une différence importante :le code externe ne doit pas être placé entre les balises, sinon le code ne fonctionnera pas.

Le navigateur Web doit savoir qu'il doit charger du code externe. La page Web doit contenir les balises HTML suivantes faisant référence au script :

L'URL indique au serveur Web où localiser et charger le code Javascript.

Avantages du Javascript interne

Si le nombre de lignes de Javascript est relativement faible, une page Web avec Javascript interne se charge plus rapidement que les pages qui doivent référencer du code externe. En effet, lorsque le navigateur Web charge la page et rencontre la référence au code externe, il doit adresser une demande distincte au serveur Web pour récupérer le code.

Avantages du Javascript externe

Si un code identique est utilisé sur plusieurs pages d'un site Web, les fichiers Javascript externes sont utiles. Il vous suffit d'inclure une référence au code externe dans les pages qui nécessitent réellement ce code. Si le code Javascript change, un seul fichier doit être édité; les modifications sont instantanément disponibles pour toutes les pages nécessitant le code. Le stockage de Javascript dans des fichiers externes facilite également la maintenance des sites Web :les pages sont moins encombrées et le développeur Web a moins de lignes de code à parcourir pour effectuer les modifications nécessaires. Moins de lignes de code HTML peuvent également aider les robots des moteurs de recherche à indexer votre site de manière plus approfondie et à trouver des mots clés importants.

Enfin, si un visiteur se déplace vers une autre page contenant les mêmes références Javascript externes, la deuxième page se chargera plus rapidement, car le navigateur de l'utilisateur aura mis en cache ou stocké le fichier Javascript localement.