Tengo una página con 20 modales y cada uno de ellos abre un iframe con un video de YouTube. El problema es que la página es dolorosamente lenta por eso. ¿Tiene alguna sugerencia de cómo puedo solucionar esto? Otra cosa es que me sale este error:
La solicitud de precarga de navegación del trabajador del servicio se canceló antes de que se liquidara 'preloadResponse'. Si tiene la intención de usar 'preloadResponse', use waitUntil() o respondWith() para esperar a que se establezca la promesa.
Al cargar la página, el navegador intenta descargar todos los videos de YouTube.
Entonces se vuelve lento.
Si carga videos con un clic modal, el tiempo de carga de la página será mejor.
Algo como eso:
function domReady(callback) { document.readyState === 'interactive' || document.readyState === 'complete' ? callback() : document.addEventListener('DOMContentLoaded', callback); } domReady(function () { const videoModals = document.getElementsByClassName('video-modal'); Array.from(videoModals).forEach((el) => { el.addEventListener('click', function () { // load video }); }); });