Diese Seite wurde von der Cloud Translation API übersetzt.

Steuerfeld „Leistung“: Leistung der Website analysieren

Dale St. Marthe

Im Bereich Leistung können Sie die Leistung Ihrer Website analysieren.

Übersicht

Im Steuerfeld Leistung können Sie CPU-Leistungsprofile Ihrer Webanwendungen aufzeichnen. Analysieren Sie Profile, um potenzielle Leistungsengpässe zu erkennen und Möglichkeiten zur Optimierung der Ressourcennutzung zu finden.

Im Bereich Leistung können Sie Folgendes tun:

Erstellen Sie ein Leistungsprofil.
Aufnahmeeinstellungen ändern.
Leistungsbericht analysieren

Eine umfassende Anleitung zur Verbesserung der Websiteleistung finden Sie unter Laufzeitleistung analysieren.

Leistungsbereich öffnen

Wenn Sie den Bereich Leistung öffnen möchten, öffnen Sie die Entwicklertools und wählen Sie oben auf den Tabs Leistung aus.

Alternativ können Sie auch so vorgehen, um den Bereich Leistung über das Menü „Befehl“ zu öffnen:

Öffnen Sie die Entwicklertools.
Öffnen Sie das Befehlsmenü, indem Sie Folgendes drücken:
macOS: Befehlstaste + Umschalttaste + P
Windows, Linux, ChromeOS: Strg + Umschalttaste + P
Geben Sie Performance panel ein, wählen Sie Steuerfeld anzeigen aus und drücken Sie die Eingabetaste.

Leistungsprofil aufzeichnen

Wenn Sie für die Aufnahme bereit sind, haben Sie im Bereich Leistung die folgenden Optionen:

Aufnahmeeinstellungen ändern

Mit den Erfassungseinstellungen können Sie ändern, wie in den Entwicklertools Leistungsaufzeichnungen erfasst werden. Außerdem erhalten Sie zusätzliche Informationen im Bericht. Klicken Sie auf Aufnahmeeinstellungen. Einstellungen, um auf das Menü Aufnahmeeinstellungen zuzugreifen.

Wählen Sie im Menü Aufnahmeeinstellungen die folgenden Optionen aus:

JavaScript-Beispiele deaktivieren: Deaktiviert die Aufzeichnung der JavaScript-Aufrufstacks, die im Main-Track angezeigt werden und während der Aufzeichnung aufgerufen werden. Reduziert den Leistungsaufwand.
Erweiterte Paint-Instrumentierung aktivieren (langsam): Erfasst die erweiterte Paint-Instrumentierung. Die Leistung wird erheblich beeinträchtigt.
CSS-Selektorstatistiken aktivieren (langsam): Erfasst CSS-Selektorstatistiken. Die Leistung wird erheblich beeinträchtigt.
CPU-Drosselung: Simulieren Sie langsamere CPU-Geschwindigkeiten.
Netzwerkdrosselung: Simuliert langsamere Netzwerkgeschwindigkeiten.
Hardware-Nebenläufigkeit: Konfigurieren Sie den von navigator.hardwareConcurrency gemeldeten Wert.

Leistungsbericht analysieren

Eine vollständige Anleitung zur Verwendung des Bereichs Leistung finden Sie unter Leistungsaufzeichnung analysieren.

Im Folgenden finden Sie eine Zusammenstellung von Themen aus dem Leitfaden sowie weitere hilfreiche Dokumentationen:

So verwenden Sie den Bericht:

So können Sie sich auf das konzentrieren, was für Ihren Workflow wichtig ist:

Weitere Informationen zu den Tabs „Bottom-up“, „Aufrufstruktur“ und „Ereignisprotokoll“:

Aktivitäten in einer Tabelle ansehen

So analysieren Sie den Bericht:

Mit diesen Bereichen die Leistung verbessern

Entdecken Sie weitere Bereiche, mit denen Sie die Leistung Ihrer Website verbessern können: