Lanzo y destruyo iframe varias veces en una sola página. Al hacer clic en el botón "iniciar", creo un iframe como se menciona en el siguiente fragmento de código:
$('#container').html('<iframe id="iframeUniqueId" style="height:100%; width:100%;" src=""></iframe>'); let iframe = $('#container').find('iframe'); $(iframe).attr('src', 'https://..............');Al hacer clic en el botón "destruir", destruyo el iframe como se menciona en el siguiente fragmento de código:
$("#iframeUniqueId").remove();Ahora, el problema aquí es que el tamaño del montón en el navegador sigue aumentando continuamente cuando ejecuto y destruyo el iframe varias veces. Parece que la memoria no se libera al destruir el iframe. Consulte la captura de pantalla de las instantáneas (que tomé en Windows Chrome 101):
pérdida de memoria (chrome v101)
He comprobado este problema en varios navegadores como Windows10 Chrome (v101), Windows10 Firefox (v100), MAC safari (v15). Tenga en cuenta que en Safari parece que la memoria no se libera en absoluto al destruir un iframe y la memoria sigue aumentando con el tiempo (al iniciar/destruir iframe varias veces), parece que la recolección de elementos no utilizados no funciona en absoluto.
No puedo encontrar referencias/documentación oficiales (mejores prácticas) sobre cómo manejar estas fugas de memoria en caso de un iframe. ¿Hay alguna solución alternativa que pueda aplicar aquí que pueda liberar memoria al destruir un iframe?