Estoy buscando una forma de acelerar la carga del sitio y posponer los scripts no urgentes. Necesito cargar un script al hacer clic en el botón tal como se colocó en la etiqueta Head <script ...>.
async function do_script_load() { var script = document.createElement("script"); script.src = "https://web.webformscr.com/apps/fc3/build/loader.js"; script.type = "text/javascript"; script.setAttribute("async", ""); await item.parentElement.querySelector(".n-bell-bubble").appendChild(script); do_other_stuff(); } addEventListener( "click" , () => { do_script_load() })El problema es que el script se carga pero no se inicia. Estoy buscando una manera de ejecutar el script como un script agregado como solía hacerlo.
<head> <script src="..." async></script>El script que está cargando está esperando que se ejecute el evento de load de la ventana.
(de https://web.webformscr.com/apps/fc3/build/loader.js )
window.addEventListener("load",e,!1) Este evento se activa durante mucho tiempo cuando agrega el script y, por lo tanto, esperará a que suceda algo que ya sucedió.
Puede solucionar esto rápidamente agregando un controlador de eventos de load en su <script> y activando un nuevo evento de load en la ventana cuando esto suceda:
script.addEventListener("load", e => window.dispatEvent(new Event("load"))); Aunque parece que necesitamos algunos otros elementos en la página con atributos sp-form-id que no conozco y, por lo tanto, no pude probar.
Pero si puede comunicarse con el autor de este script que carga, entonces debe pedirle que exponga un método para inicializarlo sin tener que activar este evento, ya que otras partes de su página pueden depender del hecho de que este evento es solo se supone que dispare una vez.
También tenga en cuenta que es posible que desee pasar una opción { once: true } a su oyente de click para evitar cargar este script cada vez que el usuario hace clic.