Différence entre JavaScript interne et externe

Créé chez Netscape (milieu années 90), JavaScript rend les sites interactifs. Aujourd'hui, bien des fonctionnalités (webmail, réseaux sociaux) reposent sur des milliers de lignes JS.

JavaScript interne

Code placé directement dans la page HTML, entre les balises <script> et </script>. Souvent mis avant </body>.

JavaScript externe

Code dans un fichier .js séparé (extension .js recommandée, mais autres fonctionnent). Ne pas mettre les balises <script> dans le fichier .js. La page HTML doit le référencer :

<script src="URL_du_fichier.js"></script>

L'URL indique au serveur où charger le code.

Avantages du JS interne

Pour peu de lignes : chargement plus rapide (pas de requête HTTP supplémentaire au serveur pour le fichier externe).

Avantages du JS externe

• Code réutilisé sur plusieurs pages : une seule référence par page.
• Modification centralisée : un seul fichier à éditer, changements instantanés sur toutes les pages.
• Maintenance facilitée : pages HTML moins encombrées, code JS isolé.
• Moins de lignes HTML = meilleurs indexation SEO (mots-clés plus accessibles aux robots).
• Cache navigateur : si visiteur va sur autre page utilisant le même .js, elle charge plus vite (fichier en cache local).