Différence entre les Javascripts internes et externes

Au milieu des années 90, 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 finalement connu sous le nom de Javascript. De nombreux utilisateurs ignorent aujourd'hui que les fonctionnalités du client de messagerie ou du site Web de réseautage social dont ils dépendent sont le résultat de milliers de lignes de programmation Javascript intelligente et complexe.

Javascript interne

Pour que le code Javascript fonctionne par magie, il doit d'une manière ou d'une autre être incorporé au bon endroit sur une page Web particulière au fur et à mesure que la page est chargée. Le code Javascript interne est un code qui est 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.

Vidéo du jour

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 n'importe quelle 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 avoir les balises HTML suivantes référençant le 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 faire une demande distincte au serveur Web pour récupérer le code.

Avantages de Javascript externe

Si un code identique est utilisé sur plusieurs pages d'un site Web, des fichiers Javascript externes sont avantageux. 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 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, le la deuxième page se chargera plus rapidement, car le navigateur de l'utilisateur aura mis en cache ou stocké le fichier Javascript localement.