¡INSCRÍBETE A CUALQUIER CURSO CON UN 50% DE DESCUENTO PARA NUEVOS CLIENTES!

Los atributos async y defer en javascript nos puede servir en muchos casos y saber gestionarlos bien no cabe duda que es una gran herramienta, en este tutorial vamos a ver para que sirven y de que forma podemos utilizarlos.

Estos atributos deben utilizarse en un tag script y sirven para cargar bien de forma asíncrona (async) o diferida (defer) archivos js.

Por ejemplo, si queremos que un script sea cargado aunque la página no haya cargado debemos utilizar el atributo async, ¿qué problema podemos tener en este caso?, al no haber cargado la página podemos tener problemas si el script tiene dependencias, por ejemplo de jQuery, hay que tener cuidado al utilizar este atributo, el siguiente es un ejemplo de su uso.


Al contrario que async, el atributo defer en javascript nos permite hacer la carga en diferido, gracias a este comportamiento podemos tener varias ventajas, entre ellas evitar el bloqueo en la carga inicial de la página, el siguiente es un ejemplo de su uso.