Tengo una etiqueta de objeto que contiene un SVG animado. Lo muestro cuando se activa el evento beforeunload . Pero solo solicita el SVG cuando está visible. ¿Hay alguna forma de cargar el contenido después de cargar la página y no cuando el elemento en sí está visible?

Este es mi código html:

 <div class="loader-container"> <object data="/SVG.svg"></object> </div> <style> .loader-container { align-items: center; background: #fafafa; justify-content: center; height: 100%; width: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 99999; } </style> <script> jQuery(() => { window.addEventListener('beforeunload', () => { document.querySelector('.loader-container').style.display = 'flex' }) }) </script>