¿Cómo hacer que los javascripts carguen asincrónicamente?

negamax · 6 Jul 2016

Cómo puedo hacer que carguen de manera asincrónica los javascripts? especialmente jquery o no se puede? :ambivalence:

Saludos!

Javier Marín · 6 Jul 2016

Si no recuerdo mal se cargaba de esta forma:

HTML:

<script type="text/javascript" src="archivo.js" async="async"></script>

Saludos :encouragement:

negamax · 6 Jul 2016

JaviBernal dijo:
Si no recuerdo mal se cargaba de esta forma:

HTML:

<script type="text/javascript" src="archivo.js" async="async"></script>

Saludos :encouragement:

Gracias, sí funcionó en jquery, sabes si puedo aplicar lo mismo aunque mi script no tenga src="archivo.js"?

ismadobe · 6 Jul 2016

Con defer y async lo mas probable es que algunas cosas dejen de funcionar. Lo que puede hacer es inyectarlo mediante document.createElement, le agrega la url del script y luego lo añade al final del body con appendChild.

Saludos

negamax · 6 Jul 2016

ismadobe dijo:
Con defer y async lo mas probable es que algunas cosas dejen de funcionar. Lo que puede hacer es inyectarlo mediante document.createElement, le agrega la url del script y luego lo añade al final del body con appendChild.

Saludos

Lo siento, no me manejo tanto con los códigos :fatigue:, podrías explicarlo a prueba de novatos, por favor? :encouragement:

ismadobe · 6 Jul 2016

HTML:

var element = document.createElement("script");
element.src = 'URL';
document.body.appendChild(element);

Este codigo es sencillo. Puede agregarlo dentro de algún evento si quiere que cargue una vez la pagina termine de renderizar, el dom cargue por completo o simplemente dejarlo así. Puede probar, hasta que note que es lo mejor. Lo agrega fuera de algun script (url) dentro del documento y luego añade todos los que usted quiera de esa manera. Puede añadir muchos mediante algún bucle si asi lo quiere.

¿Cómo hacer que los javascripts carguen asincrónicamente?

negamax

Javier Marín

negamax

ismadobe

negamax

ismadobe

Temas similares