Chrome versagen Speicher frei, Müllabfuhr tritt nicht wie erwartet (Mootools/MochaUI Bibliothek)

Question

Hintergrund: Ich bin zur Zeit auf einer Intranet-Site arbeiten, die Nutzung der MochaUI Bibliothek (Arbeits vom virtual desktop demo) macht. Ich benutze Mootools 1.2.4 und MochaUI 0.9.7. Die Fenster, die in meiner "virtual desktop" -Implementierung geöffnet sind, laden ihren Inhalt über iFrames. Einige der geladenen Seiten sind ziemlich umfangreich in Bezug auf CSS und Scripting. Daher ist es wichtig, dass Window-Objekte beim Öffnen eines Fensters mit einem Garbage Collection-Filter versehen werden. Dies wird angeblich von der Bibliothek erledigt (es macht einen guten Job, wenn man Firefox benutzt).

Aktualisierung Die ursprünglich gepostete Frage war von nachfolgenden Bearbeitungen/Aktualisierungen übermäßig lang geworden. Der Titel war nicht mehr korrekt, also habe ich das auch geändert. Siehe auch meine Antwort unten für eine Teillösung.

Hier sind die wesentlichen Punkte:

1. Chrome goofs wie so hoch:

   • Chrome versagt Speicher für Fensterobjekte MochaUI zugewiesen oben freizugeben, wenn sie geschlossen sind. Stattdessen wird die Speicherauslastung von Chrome auf der Ebene eingefroren, die erreicht wird, nachdem das Fenster den Iframe-Inhalt geladen hat. Dabei wird eine Untergrenze für die Speichernutzung festgelegt, bis die Seite aktualisiert wird.
   • Der vom Prozess verwendete Speicher wird mit nachfolgenden Fensteröffnungen weiter vergrößert. Irgendwann wird irgendeine Art von Cap erreicht, und die Speicherbelegung hört auf zu steigen, wenn sie steil anschwingt oder zu oszillieren beginnt, anstatt dramatisch aufzuspringen.
   • Dieses Problem tritt am deutlichsten auf, wenn die fraglichen Fenster ziemlich heftigen (Speicher-Iframe) Inhalt laden. Das Fenster, das ich für alle Testzwecke verwende, lädt eine 580-kb-Seite (nicht zwischengespeichert) in seinem iframe.

2. Merkwürdigerweise die erwartete Garbage Collection tut stattfinden, wenn

   • der Browser anschließend
   • weitere Registerkarte im selben Browserfenster
   geöffnet wird minimiert wird
   • ein Die Speicherzeitachse wird in den Entwicklertools aufgezeichnet. (Komödie Option)
   • Gibt dieses Verhalten mögliche Ansätze zur Lösung von # 1?

Answer 1

Ich bin mir nicht sicher, ob dies in Windows getestet wurde, aber wenn so denken Sie daran, dass, wenn Sie ein Fenster in Fenster minimieren, ist es, alle Daten zu der Auslagerungsdatei bewegt. Wenn das Fenster erneut geöffnet wird, werden die Speicherblöcke nicht zurück verschoben, es sei denn, das Programm versucht, auf sie zuzugreifen, und somit bleibt der Müll in der Auslagerungsdatei, wird aber nicht tatsächlich gesammelt.

Wenn Sie es automatisieren, würde es nicht nur das Programm verlangsamen, es würde auch nicht mit irgendwelchen Speicherproblemen helfen.

siehe die folgende URL für ein bisschen mehr Infos

https://micksmix.wordpress.com/2010/01/08/why-does-task-manager-show-an-applications-memory-usage-drop-after-minimizing-it-to-the-the-taskbar/

Answer 2

aktualisieren
die folgenden Änderungen an der MochaUI closingJobs Funktion sind eine große Verbesserung gegenüber, was ich vorher hier gepostet. Die wichtigste Änderung ist nun, dass das onunload-Ereignis des iframes manuell aufgerufen wird, indem die src-Eigenschaft geändert wird, anstatt dass es ausgelöst wird, wenn die windowEl.destroy-Methode den iframe aus dem DOM entfernt. (hat die Idee von here).

Wenn Sie diesen Code verwenden möchten, löschen Sie einfach die vorhandene Funktion closingJobs und kopieren Sie diesen Code an seiner Stelle einfügen. Es sollte sowohl mit 0.9.7 und 0.9.8 MochaUI arbeiten, und entweder Mootools 1.2.4 oder 1.3.

---

closingJobs: function(windowEl){   
    windowEl.setStyle('visibility', 'hidden'); 
    var instances = MUI.Windows.instances; 
    var instance_id = windowEl.id 
    var cleanup_delay = 50; 

    /* 
    Reset canvases with width/height = 0. 
    This pretty reliably frees a few hundred Kb of 
    memory in chrome. 
    */   
    instances[instance_id].canvasControlsEl.width = 0; 
    instances[instance_id].canvasControlsEl.height = 0; 
    instances[instance_id].canvasEl.width = 0; 
    instances[instance_id].canvasEl.height = 0;   

    if(instances[instance_id].options.loadMethod == 'iframe') 
    { 
/* 
The following line determines how long to delay the execution of 
the windowEl.destroy function. The line below gives 10 milliseconds 
per DOM element in the iframe's document. 
You could probably do just as well with a hard-coded value. 
*/   
     cleanup_delay = instances[instance_id].iframeEl.contentDocument.getElementsByTagName("*").length * 10;    

/* 
Set the Browser property in the iframe's window to Internet Explorer. 
This causes Mootools to run its purge function, which iterates over 
all the iframe document's DOM elements, removing events/attributes etc. 
Assuming you have mootools included in the iframe content.  
*/ 
     if(instances[instance_id].iframeEl.contentDocument.defaultView.MooTools) 
     {   
      if(instances[instance_id].iframeEl.contentDocument.defaultView.MooTools.version.contains("1.3"))     
       instances[instance_id].iframeEl.contentDocument.defaultView.Browser.ie = true; 
      else   
       instances[instance_id].iframeEl.contentDocument.defaultView.Browser.Engine.trident = true; 
     }     

     instances[instance_id].iframeEl.src = "javascript:false"; 
    }  

    MUI.cleanWindow.delay(cleanup_delay, null, windowEl);  
}, 

cleanWindow: function(windowEl) 
{        
    var instances = MUI.Windows.instances; 
    var instance_id = windowEl.id 
    if (Browser.ie){ 
     windowEl.dispose(); 
    } 
    else { 
     windowEl.destroy(); 
    }  
    instances[instance_id].fireEvent('onCloseComplete'); 

/* 
Changed - Only execute getWindowWithHighestZindex() and focusWindow() 
functions if there will actually be open windows after the 
current one closes. 
*/ 
    if (instances[instance_id].options.type != 'notification' && instances.__count__ > 1){ 
     var newFocus = MUI.getWindowWithHighestZindex(); 
     MUI.focusWindow(newFocus); 
    }  
    if (this.loadingWorkspace) this.windowUnload(); 
    if (MUI.Dock && $(MUI.options.dock) && instances[instance_id].options.type == 'window'){ 
     var currentButton = $(instances[instance_id].options.id + '_dockTab'); 
     if (currentButton != null){ 
      MUI.Dock.dockSortables.removeItems(currentButton).destroy(); 
      currentButton = null; //Is this necessary? 
     }   
     MUI.Desktop.setDesktopSize(); 
    } 

    //Changed - moved this to the end of the function. 
    delete instances[instance_id]; 
}