Une astuce retient notre attention sur Alsacréations : à l’heure où les performances Web sont devenues un sujet majeur, cet article vous aidera à comprendre comment charger des scripts JavaScript de manière asynchrone, c’est-à-dire sans bloquer le rendu de la page Web.

Cette dernière recommandation provient d’un comportement que les navigateurs ne peuvent éviter : par défaut (et pour simplifier), toute balise <script> rencontrée met en attente le moteur HTML/CSS car le navigateur ne sait pas si le code JavaScript va contenir des instructions spécifiques à exécuter immédiatement qui pourront avoir une conséquence importante sur… le code HTML/CSS lui-même, notamment avec la fonction document.write(). Il va donc falloir effectuer des requêtes HTTP vers le serveur pour chaque fichier JavaScript externe, attendre les réponses, recueillir le code et l’exécuter.

De sages conseils et informations y sont dispensés, même jusqu’aux commentaires.

Lire Les attributs async et defer pour <script>, sur Alsacréations