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
Vos commentaires
Suivre les commentaires : |