Où faut-il placer les balises script ?
Où faut-il placer les balises <script> dans son code HTML ?
Lorsqu'un navigateur Web charge un site internet, il parcourt le code HTML ligne par ligne pour l'analyser. Lorsqu'il rencontre une balise <script>, il s’arrête et charge son contenu, puis seulement ensuite continue de lire le reste du code source de la page.
De ce fait on a tendance à dire qu'il faut placer les balises <script> au bas de la balise <body>, car cela garantit que l'analyseur ne soit pas bloqué avant de commencer à devoir télécharger et analyser les scripts.
Cette approche pose un problème : le navigateur ne peut pas commencer à télécharger les scripts tant que tout le document n'est pas analysé. Pour les sites Web de grande taille dotés de scripts et de feuilles de style volumineux, il est très important de pouvoir télécharger les scripts dès que possible.
La solution optimale consiste à ce que le navigateur commence à télécharger les scripts dès que possible, tout en analysant le reste de la page.
Mieux vaut donc placer les scripts dans la balise <head> et utiliser les attributs async ou defer. Cela permet aux scripts d'être téléchargés dès que possible, sans bloquer le navigateur.