Arbeitsspeicherbereich – Übersicht

Dale St. Marthe
Dale St. Marthe

Im Bereich Speicher finden Sie Diagnosetools, mit denen Sie unter anderem die Arbeitsspeicherverteilung von JavaScript-Objekten sehen, Speicherlecks erkennen und isolieren sowie eine Aufschlüsselung der Arbeitsspeicherzuweisung nach Funktion abrufen können.

Übersicht

Im Bereich Arbeitsspeicher können Sie vier Profiltypen erfassen. Diese Profiltypen zeigen Ihnen Snapshots aus verschiedenen Perspektiven und bieten unterschiedliche Funktionen:

  • Heap-Snapshot: Zeigt die Arbeitsspeicherverteilung auf die JavaScript-Objekte und die zugehörigen DOM-Knoten Ihrer Seite an.
  • Zuweisungs-Instrumentierung auf der Zeitachse: Hier sehen Sie instrumentierte JavaScript-Arbeitsspeicherzuweisungen im Zeitverlauf. Sobald ein Profil aufgezeichnet ist, können Sie ein Zeitintervall auswählen, um Objekte anzuzeigen, die darin zugewiesen und am Ende der Aufzeichnung noch aktiv sind. Mit diesem Profiltyp können Sie Speicherlecks eingrenzen.
  • Zuweisungs-Sampling: Arbeitsspeicherzuweisungen werden mithilfe der Stichprobenerhebung aufgezeichnet. Dieser Profiltyp hat einen minimalen Leistungsoverhead und kann für Vorgänge mit langer Ausführungszeit verwendet werden. Es bietet eine gute Annäherung an Zuweisungen, die nach JavaScript-Ausführungsstapeln aufgeschlüsselt sind.
  • Losgelöste Elemente: Hier werden Objekte angezeigt, die durch eine JavaScript-Referenz beibehalten werden.

Sie können eine JavaScript-VM-Instanz auswählen, auf der jedes dieser Profile ausgeführt werden soll.

Weitere Informationen erhalten Sie unter:

Bereich „Arbeitsspeicher“ öffnen

So öffnen Sie den Bereich Erinnerungen:

  1. Öffnen Sie die Entwicklertools.
  2. Öffnen Sie das Befehlsmenü durch Drücken von:
    • macOS: Befehlstaste + Umschalt + P
    • Windows, Linux, ChromeOS: Strg + Umschalttaste + P Befehlsmenü mit
  3. Geben Sie memory ein, wählen Sie Arbeitsspeicher anzeigen aus und drücken Sie die Eingabetaste. In den DevTools wird oben im Fenster der Bereich Arbeitsspeicher angezeigt.

Alternativ haben Sie folgende Möglichkeiten, den Bereich Arbeitsspeicher zu öffnen:

  • Klicken Sie oben in der Aktionsleiste auf Weitere Steuerfelder und wählen Sie im Drop-down-Menü Arbeitsspeicher aus.
  • Wählen Sie rechts oben das Weitere Optionen > Weitere Tools > Arbeitsspeicher aus.