balises de script multiples ou uniques

Question

Existe-t-il une différence (performances, meilleures pratiques, etc.) entre l'utilisation d'une seule balise de script avec du code intégré ou l'utilisation de plusieurs balises de script avec le même code réparti sur tout le code HTML ?

Par exemple:

 <script>
    foo();
</script>
...
<script>
    bar();
</script>

contre:

 <script>
    foo();
    bar();
</script>

Merci

Answer 1

Combiner vos scripts autant que possible est mieux à mon avis. Certains navigateurs doivent suspendre le rendu lors de l'exécution des blocs de script. Consultez la réponse sur : Javascript Performance : plusieurs blocs de script contre un seul bloc plus gros

Answer 2

Certains soutiennent qu'il est préférable de combiner tous les scripts dans un seul bloc de script ou un seul fichier de script, de ne charger que le javascript qui est vraiment nécessaire et de le charger le plus tard possible pour ne pas ralentir le rendu du HTML.

En dehors de cela, je suis sûr que l'utilisation d'un seul bloc de script se charge plus rapidement que l'utilisation de plusieurs blocs de script, car ils doivent être évalués individuellement. Cependant, cette différence peut ne pas être reconnaissable.

Answer 3

J'UTILISE plusieurs balises. Un pour le diaporama d'images et un autre pour le diaporama de textes, je peux donc avoir les deux sur la même page Web - un diaporama d'images et un diaporama de textes.