In Chrome 58, der derzeit als Canary-Version verfügbar ist, wurde der Bereich „Zeitachse“ in „Leistung“ umbenannt, der Bereich „Profile“ in „Arbeitsspeicher“ und die Funktion „JavaScript-CPU-Profil aufzeichnen“ im Bereich „Profile“ an eine weniger sichtbare Stelle verschoben.
Langfristig soll der alte JavaScript-CPU-Profiler entfernt und alle Nutzer auf den neuen Workflow umgestellt werden.
In diesem kleinen Migrationsleitfaden erfahren Sie, wie Sie ein JS-Profil im Steuerfeld „Leistung“ aufzeichnen und wie die Benutzeroberfläche des Steuerfelds „Leistung“ dem alten Workflow entspricht, den Sie gewohnt sind.
Auf den alten JavaScript-CPU-Profiler zugreifen
Wenn Sie den alten Workflow „JavaScript-CPU-Profil aufzeichnen“ bevorzugen, der früher im Bereich „Profile“ verfügbar war, können Sie so darauf zugreifen:
- Öffnen Sie das Hauptmenü der Entwicklertools.
- Wählen Sie Weitere Tools > JavaScript-Profiler aus. Der alte Profiler wird in einem neuen Bereich namens JavaScript-Profiler geöffnet.
JS-Profil aufzeichnen
- Öffnen Sie die Entwicklertools.
Klicken Sie auf den Tab Leistung.
Abbildung 1. Im Bereich „Leistung“
Sie haben folgende Möglichkeiten:
- Klicken Sie auf Seitenaufruf erfassen, um ein Seitenprofil zu erstellen. Die Aufzeichnung wird automatisch gestartet und beendet, sobald die Seite vollständig geladen ist.
- Wenn Sie ein Profil für eine laufende Seite erstellen möchten, klicken Sie auf Aufzeichnen, führen Sie die Aktionen aus, die Sie erfassen möchten, und klicken Sie dann auf Beenden.
Zuordnung des alten Workflows zum neuen
Im Screenshot unten sehen Sie in der Ansicht Diagramm des alten Workflows die Position des Übersichtsdiagramms zur CPU-Nutzung (oberer Pfeil) und des Flammendiagramms (unterer Pfeil) im neuen Workflow.
Abbildung 2. Zuordnung zwischen Flammendiagramm im alten Workflow (links) und neuem Workflow (rechts)
Die Ansicht Hoch (Bottom-Up) ist auf dem Tab Bottom-Up verfügbar:
Abbildung 3. Zuordnung zwischen der Bottom-Up-Ansicht im alten Workflow (links) und dem neuen Workflow (rechts)
Die Ansicht Baumstruktur (Top-Down) ist auf dem Tab Anrufbaum verfügbar:
Abbildung 4. Zuordnung zwischen der Baumansicht im alten Workflow (links) und dem neuen Workflow (rechts)