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

Vos commentaires

modération a priori

Attention, votre message n’apparaîtra qu’après avoir été relu et approuvé.

Qui êtes-vous ?
Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <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