Supporté par ChromeSupporté par FirefoxSupporté par EdgeSupporté par Safari/iOS JavaScript async : Démo HTML5

Mise à jour : 2017-01-22

La balise <script> prend désormais un attribut supplémentaire qui permet l'exécution asynchrone.
Ainsi un script ne bloque plus le chargement d'une page.

<script>

Notes sur le tuto


Exemple de code HTML5

<!--_async.js
eltDemo = document.getElementById("demo")
eltDemo.innerHTML +=
	"2. Si cette phrase est en premier, \"async\" n'est pas supporté !<br><br>"
eltDemo.className = "ok"
-->
<span id="demo"></span>
<script async src="_async.js"></script>
<script>
	eltDemo = document.getElementById("demo")
	eltDemo.innerHTML +=
		"1. Si cette phrase est en premier, \"async\" est supporté !<br><br>"
	eltDemo.className = "ko"
</script>

Démonstration du résultat HTML5



Détection automatique du support HTML5

Librairie JavaScript de détection automatique (attention, comporte quelques faux positifs et faux négatifs)
<script src="_html5detect.js"></script>
<script>isAttributeSupported("script", "async")</script>		

Can I Use script-async? Data on support for the script-async feature across the major browsers from caniuse.com.