In Chrome 58 (derzeit Canary) wurde der Bereich „Zeitachse“ in den Bereich „Leistung“ umbenannt. Der Bereich „Profile“ wurde in den Bereich „Arbeitsspeicher“ umbenannt und die Funktion „JavaScript-CPU-Profil aufzeichnen“ im Bereich „Profile“ wurde an einen versteckteren Ort verschoben.
Das langfristige Ziel ist es, den alten JavaScript-CPU-Profiler zu entfernen und dafür zu sorgen, dass alle Nutzer mit dem neuen Workflow arbeiten.
In dieser kleinen Migrationsanleitung erfahren Sie, wie Sie ein JS-Profil im Bereich „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 bisher im Bereich "Profile" verfügbar war, können Sie weiterhin 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. Das Steuerfeld „Leistung“
Sie haben folgende Möglichkeiten zum Aufnehmen:
- Um ein Profil für einen Seitenaufbau zu erstellen, klicken Sie auf Seitenaufbau aufzeichnen. Die Entwicklertools starten die Aufzeichnung automatisch und beenden sie, wenn erkannt wird, dass die Seite vollständig geladen wurde.
- Um ein Profil für eine laufende Seite zu erstellen, klicken Sie auf Aufzeichnen, führen Sie die gewünschten Aktionen aus und klicken Sie auf Beenden, wenn Sie fertig sind.
Zuordnung des alten Workflows zum neuen
Im Screenshot unten in der Diagrammansicht des alten Workflows sehen Sie die Position des Übersichtsdiagramms zur CPU-Nutzung (oberer Pfeil) und des Flame-Diagramms (unterer Pfeil) im neuen Workflow.
Abbildung 2. Zuordnung zwischen dem Flame-Diagramm im alten Workflow (links) und dem neuen Workflow (rechts).
Die Ansicht Stark (Bottom-up) ist im Tab Bottom-up verfügbar:
Abbildung 3. Zuordnung zwischen der Bottom-up-Ansicht im alten Workflow (links) und dem neuen Workflow (rechts).
Die Ansicht Baum (von oben nach unten) ist über den Tab Aufrufstruktur verfügbar:
Abbildung 4. Zuordnung zwischen der Baumansicht im alten Workflow (links) und dem neuen Workflow (rechts).