Wie kann ich erzwingen, Javascript garbage collection im IE? IE ist die Schauspielerei sehr langsam, nach der AJAX-Aufrufe & DOM-manipulation

Ich habe eine Seite mit gefesselt drop-downs. Die Wahl einer option von der ersten select füllt die zweite, und die Wahl einer option aus der zweiten select gibt eine Tabelle mit übereinstimmenden Ergebnisse mit der innerHtml - Funktion auf eine leere div auf der Seite.

Das problem ist, sobald ich meine Auswahl und eine beachtliche Menge an Daten gebracht, auf die Seite, und alle nachfolgenden Javascript-Code auf der Seite läuft außergewöhnlich langsam. Es scheint, als ob alle Daten, die ich zog wieder über AJAX zu füllen die div ist immer noch in Beschlag, die viel Speicher. Ich habe versucht, die Rückgabe-Objekt, das enthält die AJAX-Ergebnisse zu null nach dem Aufruf innerHtml aber mit kein Glück.

Firefox, Safari, Chrome und Opera alle zeigen keine Leistungseinbußen, wenn ich Javascript zum einfügen einer Menge von Daten in den DOM, aber im IE ist es sehr offensichtlich. Um zu testen, ob es ein Javascript - /DOM-Frage eher als eine einfache alte IE-Problem, ich habe eine version der Seite, werden alle Ergebnisse auf der erste laden, anstatt über AJAX/Javascript und gefunden, der IE hatte keine Probleme mit der Leistung.

Zur info, ich verwende die jQuery-jQuery.get-Methode zur Ausführung der AJAX-call.

BEARBEITEN Dies ist, was ich Tue:

<script type="text/javascript">
function onFinalSelection() {
  var searchParameter = jQuery("#second-select").val();
  jQuery.get("pageReturningAjax.php",
  {SEARCH_PARAMETER: searchParameter},
  function(data) {
    jQuery("#result-div").get(0).innerHtml = data;
   //jQuery("#result-div").html(data); //Tried this, same problem
    data = null;
  },
  "html");
}
</script>

Möchte ich bemerken, dass dies nur ein Problem wird, wenn die Rückkehr data ist Recht groß. Es ist direkt mit der Größe, ich in der Lage bin, um zu sehen, moderate Verlangsamung für mittelgroße Ergebnisse und einzige große Verlangsamung, wenn es ein paar hundert Datensätze + zurückgegeben.

InformationsquelleAutor aw crud | 2010-05-03

7

Verwenden
```
$("#result-div").html(data);
```
html() nutzt die jQuery - empty Methode, die sehr hart arbeitet, um Speicherverluste zu verhindern.

haben Sie versucht:
```
delete data;
```
Ich denke es gibt andere performance-Probleme in Ihrem code verursacht die Trägheit. Ist Ihr zurückgeben von Daten mithilfe von png ' s mit alpha-Transparenz? Ich habe gesehen, dass töten IE6 (wenn der alpha-filter ist) und verlangsamen IE7 erheblich.
- Kein Glück mit der html-Funktion oder löschen. Ich bin einfach wieder eine Tabelle im text (viele Zeilen, aber nur text)
- Sie sind verbindliche Veranstaltungen der Zeilen, Zellen, text in den Zellen? Wie viel Daten sind, die Sie einsetzen?
- Es gibt nach oben von 2000 Zeilen, für eine Gesamtmenge von ~250kb. Ich bin nur verbindlich, ein einzelnes Ereignis auf den DIV, der den gesamten Ergebnismenge.
- also, Sie wirklich brauchen, 2000 Zeilen importiert, die in der gleichen Zeit? können Sie wichtig Ihnen in Abschnitten/ - Seiten?
- Die Abfrage ist ziemlich kompliziert und es dauert einige Sekunden, ob ich wieder 10 Zeilen oder 1000 Zeilen. Paging ist nicht wirklich machbar als Ergebnis. Die Art der Daten, die ein Benutzer möchten, Blättern Sie durch Sie schnell zu lokalisieren Bemerkenswerte Einträge, also auch, wenn speichern die Ergebnisse im Speicher und tun paging auf diese Weise arbeitete, es würde brechen die Strömung.
- Wenn Sie nicht Anhängen, die 2000 Zeilen und halten Sie es einfach-Cache als ein Javascript-Objekt hat die Abschwächung, die immer noch auftreten?
InformationsquelleAutor David Murdoch
15

Können Sie erzwingen, dass die garbage collection im IE mithilfe der CollectGarbage Funktion, z.B.
```
if (typeof(CollectGarbage) == "function")
    CollectGarbage();
```
JScript garbage collector wird im detail beschrieben in diesem blog-Eintrag: http://blogs.msdn.com/ericlippert/archive/2003/09/17/53038.aspx

Wie der blog sagt, die GC ist nicht vorhersehbar, so Daten löschen oder data = null wird nicht wieder den Speicher sofort, aber irgendwann wird es zurückfordern.

Aber ich bezweifle, dass Ihre Leistung Strafe ist wirklich verursacht durch die Speichernutzung; ich denke, dass es ein problem mit DOM-rendering.
- wollen Sie wissen, ob es eine ähnliche Methode zu CollectGarbage, das funktioniert in webkit-Browsern?
- wissen Sie, ob diese Hinzugefügt werden muss, um jede javascript-Datei in meine Anwendung ein?
- Ich bin mir nicht ganz sicher, ob das stimmt mit JS, aber in anderen Sprachen, wenn die Garbage-Collection ist gezwungen, Sie schieben alle überlebenden Objekte in die nächste generation - die kann unglaublich schädlich ist, wenn Sie am Ende schieben Menge der Transienten Objekte in späteren Generationen.
InformationsquelleAutor ignaZ

Wenn jemand interessiert sich nicht nur im IE:

Zwingen die garbage collection in Gecko:

window.QueryInterface(Components.interfaces.nsIInterfaceRequestor)
  .getInterface(Components.interfaces.nsIDOMWindowUtils)
  .garbageCollect();

Link

InformationsquelleAutor Max

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.