Me hice cargo de la construcción de un sitio que tiene modales codificados en la plantilla. Todo está bien, aparte de estos modales que causan resultados de velocidad de página lenta, creo que porque cada modal se carga en un iFrame desde una plataforma que parece tener formularios de carga lenta y scripts adicionales, etc.

Estoy buscando una manera de modificar el código que está allí actualmente para que se cargue dinámicamente en el contenido modal en lugar de estar en cada página y oculto por CSS. Realmente no soy un codificador, pero estoy bastante seguro de que esta es una forma muy torpe de hacerlo y puede simplificarse significativamente.

He extraído el código relevante y lo puse aquí:

https://codepen.io/Patz/pen/oNwPJve

 <div id="cta-contactus" class="modal"> <div class="modal-content"> <span class="close">&times;</span> <!--[if lte IE 8]> <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script> <![endif]--> <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script> </div> </div>

Tal vez estos formularios podrían incrustarse en iFrames externos para que no estén en la página de forma predeterminada, ¡pero creo que esta tampoco podría ser la mejor manera de lograrlo! Cualquier consejo muy apreciado :)