Les attributs async et defer pour script

Openweb.eu.org > Voir ailleurs  > Les attributs async et defer pour script

Abstract

Article

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

À propos de cet article

  • Openweb.eu.org
  • Profil : Expert
  • Technologie : DOM
  • Auteur :
  • Publié le :
  • Mise à jour : 16 juillet 2013

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici
  • Ce formulaire accepte les raccourcis SPIP [->url] {{gras}} {italique} <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Suivre les commentaires : RSS 2.0 | Atom